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

  重视网站的用户体验是互联网发展由技术为中心到以用户为中心的一种转变,主流的搜索引擎都将网站的用户体验作为评价网站的重要标准,毕竟搜索引擎蜘蛛也只是网站的一个普通用户,要想在搜索引擎获得好的评价,就不得不重视用户体验的优化。

  网站的用户体验分为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、报告内容图标的说明:

  (1)“红色叹号”为没有进行过优化的内容,需要进行优化的内容:

  a、“Leverage browser caching”:浏览器缓存文件

  

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

  b、“Specify image dimensions”:指定图片的尺寸

  

  说明:列表中的图片都没有在代码中设置图片的大小,比如代码中的<img src=“/images/1new/city_ico_2.gif” />,没有添加width=“15” height=“13”,没有添加width=“15” height=“13”的属性,浏览器在加载的时候就要计算图片的尺寸,增加了加载时间。所以优化方式为:对网页中的图片指定尺寸。

  c、“Parallelize downloads across hostnames”:平衡文件的下载主机来源,也就是将文件分配到不同的服务器上,分摊压力。

  说明:这方面可以通过增加独立服务器才能实现,。

  (2)“黄色三角”为需要进一步优化的内容

  a、“Combine external JavaScript”:合并外部的JS文件

  

  合并JS文件,降低浏览器对JS文件的读取,有效的减少http的请求数量。

  b、“Enable compression”:启用压缩,这里提到时启用gzip格式的压缩

  

  说明:该列表中详细提供了这些资源通过gzip压缩后能够节省多少时间成本。下面是对gzip的解释:所谓gzip压缩是一种开发的压缩算法,目前的主流浏览器与主流服务器 (Apache, Lighttpd, Nginx)均对其有很好的支持。gzip压缩是通过HTTP 1.1协议中的Content-Encoding : gzip来进行标记说明,其可以明显减少文本文件的大小,从而节省带宽和加载时间。

  c、“Remove unused CSS”:移除不用的CSS代码

  

  说明:在网站的CSS文件中可能会存在一些用不到的代码,这项工作应该在网站的发布之前对CSS,JS文件进行检查,删除没有用到的代码,该列表中详细的列出了没有用到的CSS代码。

  (3)“绿色对勾”为已经进行过优化,暂不需要优化的内容。

  附:网易的首页的性能分析:

  

  网易首页需要优化的内容比较少,性能分数也比较高,网页加载速度比较快。本文由www.qlrc.com 站长供稿!

时间: 2024-10-27 19:34:22

巧用Google工具page-speed优化首页加载速度的相关文章

推荐十大优化页面加载速度的方法

许多研究发现,页面速度和访客的滞留时间,跳出率以及收入都有直接的关系.另外,谷歌的排名算法中也把页面加载速度作为其中一项考 虑因素.因此,你网站的页面加载时间是至关重要的.从访问者的角度看,测试你的浏览器速度的一个很好的方法是清除你的浏览器缓存,然后加载页面. 小于2秒的页载入时间被认为是优良的,而且高达4秒是可接受的.而大于5秒的页面载入时间不仅影响你网站的搜索引擎排名,还会严重影响用户体验.这里列出了10种方法,可以快速提升你网站的性能. 1. 优化图像 图像对于吸引访客的关注是很重要的.但

浅析用Base64编码的图片优化网页加载速度

  想必大家都知道网页加载的过程,从开始请求,到加载页面,开始解析和显示网页,遇到图片就再次向服务器发送请求,加载图片.如果图片很多的话,就会产生大量的http请求,从而影响页面的加载速度.所以现在有一种做法是将多张图片合并到一起,这样在打开页面的时候只需要一次http请求就可以加载多张图片,然后通过设置图片的背景偏移量来正确的显示.现在我们可以将图片转成base64编码,然后直接写在html页面或者css里面,这样在加载页面或者css的时候就可以直接将图片加载过去,这样也省去了设置图片背景偏移

分享优化网页加载速度的7个小技巧

一.优化图片 几乎没有哪个网页上是没有图片的.如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站.因为加载那样一个网页会花费大量的时间. 即使在现在,网络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快网页速度还是很有必要的. 优化图片包括减少图片数.降低图像质量.使用恰当的格式. 1.减少图片数:去除不必要的图片. 2.降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文件大小的变化是比较大的. 3.使用恰当的格式:请参阅下一

网站加载速度对SEO优化意义

对于网站加载速度,相信大家最直观的感受就是网页的打开速度了,好的服务器,好的程序,我们打开网页的速度绝对是杠杠的,所以在谈到SEO的时候,最开始的阶段我们都会建议选择好的服务器,一个是稳定,一个是速度.但是大家可能还会忽略网站加载速度对于网站SEO的影响. 很多人谈到网站加载速度都是从用户的角度出发,谈到的都是用户体验,虽然这一点无可厚非,但是我们却没有从根本上去分析网站加载速度会对网站SEO内在的一些方面造成什么样的影响.这也是今天北京SEO要和大家分享的一点知识:网站加载速度影响网站收录.

Google网站性能优化工具Page Speed

和Yahoo的YSlow一样,Google的开源网站优化工具Page Speed,是一个基于Firebug的FireFox插件,和YSlow一样,Page Speed可以帮助用户改善网站性能的工具.在运行它之后,可以看到一个帮助你的网站加载速度加快的建议列表,它会根据列表中的每一项检查你的网站并标明是否通过. Page Speed在运行时会分析一些Web服务器配置和服务器上下载下来的代码,还会创建一个结果列表,其中包括如何改进网页的建议.分析基于一个分为五类的最佳实践列表: * 优化缓存--让你

Google推出网页加速工具Page Speed

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 Google 上周面向开发者社区推出网页加速工具Page Speed.Page Speed此前为Google内部使用,是Google提高搜索引擎速度的重要工具.网页响应速度是使Google搜索引擎获得成功的重要因素.用户在使用Google搜索引擎时,通常只需几秒钟的时间就可以获得搜索结果.包括Gmail在内,Google其他一些互联网服务的响

充分利用这五种工具 提升网站的加载速度

大家都是都网站速度对于成功网站的重要性,无数的数据证明,如果网站打开超过五秒钟,超过三分之一的用户会选择离开.基于这样的认识,慢速的网站对于网站转化率来说就是杀手.但是设计人员往往把这些慢速的原因归结为服务器端不给力. 然后导致慢速的原因大部分来自前端.你的Css,Javascript,图片以及html代码堆砌在一起.要优化这些内容,咋一听来,像是繁复的任务!但是现在有很多工具可以简化这样的流程.首先使用网站速度测试工具(地址),看下你网站的基本速度,然后利用下面的五种工具来提升你网站的加载速度

400% 的飞跃-web 页面加载速度优化实战

前言 一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图 首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. 正常来讲一个网页 4s 加载不完就会流失很大一部分用户,而博主的网站加载时间竟然达到了 8s 还是在电脑端,如果在移动端,加载时间会更久,体验会更差. 这样的话网站做得再难看批判者进不来不是白搭嘛,于是针对 web 页面加载速度的优化迫在眉睫. 基于博主以前优化过其他网站,于是博主准备把这次的优化过程记

浅析如何优化wordpress的页面加载速度

网站的加载速度可以在很多方面上影响到你的网站.一项研究表明,49%的用户可能会因为你的站点的加载速度过慢而放弃你的网站转向你的对手的网站.这意味着我们必须采取一下措施来提高加载速度,降低因为加载速度而导致的用户减少,转换率低,跳出率高.此外页面的加载速度也是谷歌衡量一个网站排名的指标之一.更快的加载速度有助于你获得刚好的排名,因此加载速度的优化应该作为我们优化策略的一部分. 页面在加载性能优化包括: 删除未使用的CSS 压缩HTML.CSS和Javascript 缩小HTML.CSS和Javas