加快网页打开速度的五点建议

作者:Kaka 时间:2009-12-28 23:46:49 浏览: 评论:13

加快网页打开速度，虽然是老生常谈，但不论什么时候都是站长密切关心的问题。其实有不少途径可以加快网页打开速度，例如你可以换一台性能更高的服务器，换一条带宽更多的网络线路，再加上CDN加速服务等等，这些都是从硬性方面来考虑的，但是，毫无疑问，不是每个站长都有这个能力去购买这些服务的，所以，草根站长只能从软性方面来考虑了。

本文提及的加快网页打开速度的五点建议，就是从网页的优化来考虑的。

一、优化图片

优化图片包括减少图片数、降低图像质量、使用恰当的格式。

1、减少图片数：要尽量避免使用过多的图片，最好不要使用图片，加载10行文字绝对比加载5行高的图片要快得多。

2、降低图像质量：如果不是很必要，尝试降低图像的质量，尤其是jpg格式，降低5%的质量看起来变化不是很大，但文件大小的变化是比较大的。

      3、使用恰当的格式：一般在网页上使用的图片格式有三种，jpg、png、gif，有时候使用bmp。我们需要知道在什么时候应该使用什么格式，以减少网页的加载时间。
      a、JPG/BMP：一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。
      b、GIF：提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站logo、按钮、表情等等。当然，gif的一个重要的应用是动画图片。就像用Lunapic制作的倒映图片。
      c、PNG：PNG格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。

二、标明图片高宽

这点我们非常容易忽略，在写html代码时，很少考虑到要去标明图片的width和height属性。如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。

三、不要在HTML中缩放图片

图片要用多大的就用多大的，1000X1000的图片被width="100″ height="100″以后，本身的KB数是不会减少的。

四、减少HTTP请求

      当浏览者打开某个网页，浏览器会发出很多对象请求（图像、脚本等等），视乎网络延时情况，每个对象加载都会有所延迟。如果网页上对象很多，这可以需要花费大量的时间。因此，要为http请求减负。如何减负？
      1、去除一些不必要的对象。
      2、将临近的两张图片合成一张。
      3、合并CSS
      看看下面这段代码，需要加载三个CSS：
      <link rel="stylesheet" type="text/css" href="/body.css" />
      <link rel="stylesheet" type="text/css" href="/side.css" />
      <link rel="stylesheet" type="text/css" href="/footer.css" />
      我们可以将其合成一个：
      <link rel="stylesheet" type="text/css" href="/style.css" />
      从而减少http请求。

五、减少DNS查找

减少网站从外部调用资源，网页加载效率会大大提高，所以，不要使用过多的网页插件。这点建议已经被纳入Google的网站性能分析报告里了。