WEB页面常用优化方法

1. 使用 Gzip 压缩技术

Gzip 是在服务器端压缩图片， css ，脚本等，传送到用户端的浏览器再解压，这样可以提高传输速度，不过对服务器的压力会增大，一般选择部分元素压缩比较合适。

2. 减少 http 请求数

图片， css ， script ， flash ，等等这些都会增加 http 请求数，减少这些元素的数量能减少响应时间。采用合并脚本文件、避免重定向、缓存 Ajax 请求等方法降低请求数。作为大型网站来说，首页使用内联式样式表，这样可以减少 http 请求数的同时，也可以防止裸奔。当然其他页面需要使用外联样式表，这样才可以方便维护。因为作为大型网站来说，他的首页访问量是非常的大的，所以 …

3. 把样式表放到顶部

    我们发现把 css 放到文档头部会让网页加载得更快。因为这样可以让页面逐渐加载。把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。这样还会导致在样式表加载之前页面内容是以没有样式的形式显示出来的，待加载完样式后，页面重绘，内容一闪即改变了样式表现。

4. 减小脚本体积

5. 背景图片数量及大小、格式的优化

内容图片的大小的优化。 JPG 格式用于展示风景、人物、艺术照的摄影作品使用； GIF 格式提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站 logo 、按钮、表情等。 GIF 格式一个重要的应用是动画图片； PNG 格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。

6. 网址后加斜杠

既能节省了加载时间、又能避免基准 URL 不同而产生的问题。

7. 标明图片、表格等元素的高度和宽度

如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。