智软工作室主要是为宁波公司提供宁波网站建设,宁波网站制作,宁波做网站公司,宁波外贸网站建设公司,宁波网站优化等项目,以优质的服务,优惠的价格,深的客户信赖。相信有你的加入我们的明天会更有动力!期待与你合作!
  • 宁波智软设计工作室,打造宁波网站制作工作室顶级品牌
  • 智软拥有专业的设计团队
  • 多年网站建设团队为你服务
  • 智软期待与你合作
  • 我们的技能
  • 我们掌握的技能有:dreamweaver,flash,photoshop
  • 宁波高端网站建设服务公司
    2014已经悄然到来,在新的一年我们恭贺所有客户事业蒸蒸日上,同事庆祝智软设计工作室成立5周年,在5周年为众多客户提供了保质量的网站设计与网站制作。 我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务!期待与你合作
  • 企业网站制作建设原因与服务介绍

    智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格,最优质的质量,最突出的设计!得到了客户的一致认可,我们的服务包括:宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!

  • 点击链接网站优化推广介绍

    点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解

  • 2014开幕,宁波网站设计服务全面优惠.

    2014开幕,宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格

  • 链接到网站案例展示平台
    智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新,让新老客户更好的看到我们做的案例,点击查看我们做的网站案例吧!
  • 我们宁波网络公司提供网站一站式解决方案
    智软(宁波网络公司)帮你轻松解决网络问题,网站一站式解决方案
你当前的位置:智软工作室 > 营销与网络 >

page-speed插件瞬间检查影响网站打开速度原因-网站加速必备工具

2010-12-22 15:52

page-speed插件是google公司推出的一款对网站用户体验工具。其中最大的作用就是检查影响网站打开速度原因,会给出哪些问题。并告诉你怎么修改!真是网站加速必备工具

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

网站的用户体验分为4个方面:

1、网站的加载速度,即用户打开网站的速度,该方面的用户体验是首当其冲的,用户首先打开了网站才能去体验网站的内容,试想一下在网速正常的情况下,一个打开速度很慢的网站如何能够吸引用户,所以网页的加载速度的优化是很重要的。

2、页面的设计,即网站的美观度,这就需要网站的美工设计人员能够具备大众审美观,才能吸引住用户。

3、内容的质量,即网站提供的内容对用户是否有价值。

4、合理的布局,网页的整体布局合理,不会出现杂乱无章的现象,能够合理的引导客户对网站页面的访问。

本文所分析的重点是网页的加载速度,其它三个方面的优化可能要贯穿到网站的一个长期发展中,比如内容质量是网站发展中一直要重视的方面。56K猫上网的情况已经不复存在,网速已经不是互联网快速发展的瓶颈,所以要想提高用户体验就必须从自身的网站进行优化,把该简化的网页内容简化了,才能有效加快网页的载入速度。

对于网页加载速度的分析,Google提供了page-speed工具,可以提供详细的网页加载速度的优化报告,下面将以这个工具的对齐鲁人才网的分析报告为依据,说明网页速度优化的内容。

一、工具的准备

1、电脑需安装浏览器Firefox;

2、安装Firefox的组件:Firebug和page-speed。

二、工具的使用

1、用Firefox打开齐鲁人才网首页;

2、选择“工具”-“firebug”或者使用快捷键F12,弹出firebug工具,如下图:

图片2

3、点击“Analyze Performance”对网页性能进行分析,得到如下图的分析结果:

图片1

三、对报告的说明分析

1、“Page Speed Score:83/100”

说明:本页面的性能分数为83分,总分100分。

2、报告内容图标的说明:

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

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

图片3

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

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

图片4

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

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

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

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

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

图片5

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

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

图片6

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

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

图片7

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

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

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

图片8

网易首页需要优化的内容比较少,性能分数也比较高,网页加载速度比较快

更多

【责任编辑:小戴工程师】

关键字: 网站加速必备工具 page-speed插件 网站打开速度

上一篇:如果你是网站设计新手-请来看下设计师必知10件事 下一篇:css简简单单实现大背景-网页设计新手必备

最新文章

2010-12-22 15:52

相关文章

2010-12-22 15:52
网站制作咨询:
QQ:277728291
电话:18668277799
邮箱:277728291@qq.com
期待你来电咨询
回顶部
Copyright 2010 智软工作室 版权所有    智软为宁波公司提供最优惠的网络服务【宁波网站建设,宁波网站制作公司,宁波做网站公司,宁波外贸网站建设公司】我们竭诚为你服务!