+ -
当前位置:首页 → 问答吧 → Google工具page-speed优化首页加载速度

Google工具page-speed优化首页加载速度

时间:2010-12-31

来源:互联网

网站的用户体验分为4个方面:
    1、网站的加载速度,即用户打开网站的速度,该方面的用户体验是首当其冲的,用户首先打开了网站才能去体验网站的内容,试想一下在网速正常的情况下,一个打开速度很慢的网站如何能够吸引用户,所以网页的加载速度的优化是很重要的。
    2、页面的设计,即网站的美观度,这就需要网站的美工设计人员能够具备大众审美观,才能吸引住用户。
    3、内容的质量,即网站提供的内容对用户是否有价值。
    4、合理的布局,网页的整体布局合理,不会出现杂乱无章的现象,能够合理的引导客户对网站页面的访问。
  
    本文所分析的重点是网页的加载速度,其它三个方面的优化可能要贯穿到网站的一个长期发展中,比如内容质量是网站发展中一直要重视的方面。56K猫上网的情况已经不复存在,网速已经不是互联网快速发展的瓶颈,所以要想提高用户体验就必须从自身的网站进行优化,把该简化的网页内容简化了,才能有效加快网页的载入速度。对于网页加载速度的分析,Google提供了page-speed工具,可以提供详细的网页加载速度的优化报告,下面将以这个工具的对齐鲁人才网的分析报告为依据,说明网页速度优化的内容。

    一、工具的准备
    1、电脑需安装浏览器Firefox;
    2、安装Firefox的组件:Firebug和page-speed。

    二、工具的使用
    1、用Firefox打开齐鲁人才网首页;
    2、选择工具-firebug或者使用快捷键F12,弹出firebug工具,如下图:
    3、点击Analyze Performance对网页性能进行分析,得到如下图的分析结果:

    三、对报告的说明分析
    1、Page Speed Score:83/100
    说明:本页面的性能分数为83分,总分100分。
    2、报告内容图标的说明:
    红色叹号为没有进行过优化的内容,需要进行优化的内容:a、Leverage browser caching:浏览器缓存文件

    说明:列表中的内容(如图片)没有定义缓存过期时间,只有设置了缓存过期时间,等文件过期后才会重新进行缓存,所以该项内容需要进行优化,对图片的缓存过期时间进行设置。

    简单的通过page-speed就提高了首页的加速,给用户体验一个快速的网站,解决了一个用户体验的方面,很简单的几步操作。希望站长能很好的应用这个知识点。

    详细内容请见文章源地址:Google工具page-speed优化首页加载速度

作者: busidie1314   发布时间: 2010-12-31

新年第一回帖   想辛苦了

作者: 21109902   发布时间: 2011-01-01

楼主辛苦了,这个东西我学习了,谢谢!!!

作者: Andy5834   发布时间: 2011-01-01

热门下载

更多