软件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-2019 RJNo1.com,All Rights Reserved.

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

软件No1 版权所有

禁用广告屏蔽(ad blocker),刷新页面继续浏览
Please disable your ad blocker,refresh page to view.
Bitte deaktiviere Deinen Werbeblocker!
Veuillez désactiver votre bloqueur de publicité.

禁用广告屏蔽(ad blocker),刷新页面继续浏览
Please disable your ad blocker,refresh page to view.
Bitte deaktiviere Deinen Werbeblocker!
Veuillez désactiver votre bloqueur de publicité.