软件No1:绿色软件制作与分享。

Page Speed -web调试优化,加快网页显示速度(谷歌推出)

pagespeedlogo       是什么导致网站打开很慢?网页为什么载入很长时间才显示?Page Speed测试过后就会告诉你答案,并且提示你需要在哪些地方加以优化。这个工具是网页设计人员不可缺少的好工具。并且由于google的努力,现在它可以被使用在多个平台上面。

        可以安装使用的平台:

       Page Speed现在拥有在线版本,可以作为扩展的形式安装在firefox和chrome浏览器中。

       在线版本的使用:

       这个操作非常简单,输入需要检测的网址就可以了,在结束后会给出相应的分数。满分为100分,如果不知道网站打开速度优化的是否ok,可以对比测试一下大型网站,横向比较后心里就有底了。

pagespeed0
       chrome浏览器中安装使用Page Speed扩展:

       1、首先,在地址栏中输入 about:flags ,在出现的页面中,把“实验性扩展程序 API”扩展程序的按钮从显示“启用”改到显示“停用”。在下拉到页面底部,点击“立即重新启动”按钮。


        Page Speed扩展需要开启这个api后才可以使用。不过谷歌浏览器中这个按钮会让人产生歧义,希望以后可以改成滑块一类的。目前这样根本就看不出是启用还是停用。

        2、打开文章最后的下载页面,安装扩展。

pagespeed1

       3、在需要测试的页面右击,选择“审查元素”,这样浏览器的页面就会被一分为二,点击下半部分的“Page Speed”菜单项就可以开始使用了。

       在chrome中,这个扩展大部分是以中文显示的,如果刚开始使用这个扩展,建议在这个浏览器中尝试。

        firefox浏览器中安装使用Page Speed扩展:

       在火狐中,Page Speed是依赖于firebug这个强大的扩展的,如果你只安装前者,那么在浏览器中会找不到启用的按钮。

        1、打开文章底部链接下载安装这个扩展。

        2、在mozilla的官方扩展库中,搜索下载firebug。

        3、点击firebug的按钮,页面也会像chrome中一样一分为二,在firebug的界面就,你就可以看到这个扩展的菜单了。使用也是一样。

pagespeed2

       如果使用熟练了,那么非常建议在火狐浏览器中使用。因为和firebug配合使用效率会高很多,调试功能也不是其他浏览器可以比拟的。

       在结果中。绿色的表示优化的非常好,橘色的表示优化还需要改进。而红色的是需要注意的地方,这是网页载入和显示缓慢的元凶。

        对于测试分数,也不是越高才是越好,需要针对具体情况具体分析。

 

本文地址:http://www.rjno1.com/online/test/497-google-page-speed-web-debug-make-load-faster.html


添加评论

验证码


刷新


Copyright © 2010-2016 RJNo1.com,All Rights Reserved.

Template V3.8.2 Designed by *HongHui  |  网站地图

软件No1 版权所有