page speed

来源:互联网 发布:微博相册图床源码 编辑:程序博客网 时间:2024/05/17 23:43

本来想看看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:

  1. In a new tab, navigate to about:flags
  2. Scroll down to Experimental Extension APIs and clickEnable.


  3. Scroll to the bottom of about:flags and click Relaunch Now for the changes to take effect.

  4. After enabling Experimental Extension APIs and restarting your browser,click here to install Page Speed for Chrome.