如何提升网站页面的打开速度系列之一?

在美国主机侦探论坛看到的最频繁的问题之一就是网速问题，很多会员问网速怎么这么慢，如何提高速度等等。这里就结合我的一些实践来探讨下这方面的问题。很早就准备写一下这方面的系列文章，但是因为时间问题，一直没有完成，所以只能以随笔的形式把自己想到的先发布到博客上，待有时间再整理。

先来分析下影响网页打开快慢的因素

不外乎这么几个 ，客户端连接服务器的网络，服务器响应，页面大小，页面的问题。网络问题解决方案比较成熟的是CDN，对于小网站来说就只能是尽量选择各地访问比较快的机房；服务器响应可以通过两方面来考虑，一方面是服务器本身的配置和负载情况会影响；另外一方面通过一些优化手段可以改善，例如优化脚本，启用缓存等；页面大小是很重要也是非常容易被忽略的问题，简单来说，启用Gzip可以有效的减少传输的数据量，提高打开速度，其他的就是想办法让页面瘦身了。另外页面的代码也会影响到速度，例如采用table布局的可能会影响页面打开速度，是不是指定了元素的缓存时间会影响实际的浏览体验速度。

下面先给大家提一些优化网站打开速度的建议，后面的系列再慢慢分析和探讨具体的应用。

1. 减小页面的大小 ，图片要尽量优化，切忌不要把相机拍摄的照片直接放上去

2. 启用Gzip压缩 ，如果能够启用Deflate压缩HTML CSS JS 等页面效果会更好

3. 启用缓存 Discuz支持缓存，WordPress可以使用WP Super Cache插件

4. 采用 CSS Spirit技术减少背景图片的请求次数（减少http请求）

5. 一个页面上的元素不要太多，达到100个会明显影响网站速度，可以考虑将页面元素分开放置到几个域名下

6. 统计的JS代码放到页面的最下面，</body> 的前面即可

7. 调用其他网站的内容一定要小心，很可能会影响你的网站的速度，例如统计代码，放在其他服务器上的友情链接图片，第三方提供的天气预报插件等等。很多内容可以考虑放到iframe中，这样及不会影响网站的打开速度

8. 页面中的图片要指定大小

今天先写这么多了，后面再仔细分析及实际应用和分享测试工具。