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优化首页加载速度
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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28