本来想看看page speed是什么东西,折腾了一晚上,无意中多了解了火狐的firebug和chrome的开发人员工具。
转载相关介绍:
(1)Page speed 主要用于分析检测页面加载速度和元素,提出建议。技术人员从而可以依据Page Speed的要点来修正和提高网页网站的质量。对于网页需要改进的地方,PageSpeed不仅提供了优化建议,甚至还直接把优化的最终结果都给提供出来。
Page speed来自于Google,可以下载插件安装在Firefox或Chrome上。(2)Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但FireBug最吸引我的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)。除此之外,其他功能还很强大,比如html,css,dom的察看与调试,网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。再有就是其为开源的软件。
(3)“google chrome->工具->开发人员工具” 和Firebug很相似,这里就不多说了。
在火狐和google chrome上安装Page speed:
(1)在火狐上安装Page speed:
首先要先安装firebug(需要firebug的可在这里本地下载),然后“下载Page Speed”插件进行安装,直接拖到火狐浏览器上安装。
Page Speed的运行
在运行Page Speed这个工具时,它会基于页面的状况生成分析结果。为了确保最精确的分析结果,你最好在页面完全载入完成后再运行Page Speed。 否则,Page Speed无法分析那些还没有载入的资源的情况,或者你可以选择激活,当载入完成后自动运行选项 而让Page Speed在任何页面载入完成后自动进行分析。 具体可参照下文:
- 运行Firefox;
- 选择 工具 > Firebug > 打开Firebug;
- 在FireBug窗口中, 选择 Page Speed 页签。
(2)在google chrome上安装Page speed:
Installing Page Speed
Important: Before installing Page Speed for Chrome, you need to enable the Chrome experimental extension APIs.
To install Page Speed for Chrome:
- In a new tab, navigate to about:flags
- Scroll down to Experimental Extension APIs and click Enable.
- Scroll to the bottom of about:flags and click Relaunch Now for the changes to take effect.
- After enabling Experimental Extension APIs and restarting your browser, click here to install Page Speed for Chrome.