4个加快页面载入速度的方法

内心里，我希望SEO-er可以去多关注网站的体验优化，而不是成天把关键词选取、内链建设，外链建设等这些屈指可数的"SEO精髓"挂在嘴边。我实在不能容忍自己也去写那些东西，所以日后会多谈谈有关体验优化的方面，今天先来说加快页面载入速度的优化方法。

为什么要加快页面载入速度？

根据调查显示，2秒是最佳的页面载入时间，大多数访客可以接受的页面载入时间是6~8秒。我们不妨做一个不太严谨的推测，一旦网页载入速度超过12秒，你很可能最终会失去这个访客。做SEO，一方面除了让自己的页面排在搜索结果前列，另一方面也要对页面载入速度做好优化，以此抓住访客，延长访客的停留时间。

那么，怎样加速页面载入速度？下面提供几个方法：

1. 静态化页面

在这里，我要把生成静态页面作为加速页面载入的第一招。将CMS生成的页面静态化好处有哪些？静态化页面绕过了数据库查询，完全不依赖任何服务器设置，即使数据库死掉，网站也不会因此而陷入瘫痪状态。由于绕过了页面向数据库请求内容的步骤，访客载入静态页面就像载入一张图片那样利落。

2. 开启Gzip传输

页面静态化不是加速页面载入速度的终极步骤，而只是第一步。接下来我们要为页面开启Gzip传输。你可以把Gzip理解为压缩页面的工具，我们的浏览器就是解压工具(浏览器的确具备gzip解压功能)，网页在服务器端被压缩成gzip格式，体积至少减为原本的1/5，这将大大加快页面的传输速度。

3. 压缩页面的css/js文件

现在的网页都有外部css和js，静态化页面、开启gzip传输页面等手段虽然已经把页面体积和传输速度优化到极致，但对外部的css和JS我们还有可以发掘的优化潜力，举例来说，易优这里的css和js也经过了gzip传输，所以每个页面的css+js最终体积只有2KB。

4. 拼合背景图片

利用css我们可以很方便地给任意元素布局背景，但如果也个网页的背景过多，也会影响到页面完全载入的速度。拼合背景图片也就是css spirit，将背景小图合并为一张图片，再利用css中的background-position属性来定位背景。由于若干小图片合并为一张大图，从而减少了页面载入过程中请求图片的次数，因此网页背景图片的显示速度也将大大加快。

来看看Google的css spirit：http://www.google.cn/images/nav_logo4.png

页面Gzip检测：http://www.gidnetwork.com/tools/gzip-test.php

»»2条评论

1. 网络猫 posted on 09-05-17 at 19:59Reply

   谢谢博主 今天才知道css spirit是什么 百度了一下 确实可提高性能 不错 不错 原来提高网页访问速度还有这么多需要做的 博主网站访问很快 可能这些做的都不错吧~

2. Yeeseo Team posted on 09-05-17 at 22:16Reply

   @网络猫: 我比较懒，本来图片也少，所以没有做css spirit。