五招加速网页响应时间（3）

等级领域

让我们贯穿每个等级因素，下面是每个等级领域的简短秒速，以及如何解决这些问题实现最佳的性能。

减少HTTP请求：当网页从服务器获取文件的时候便有HTTP请求产生。范围包括脚本，CSS文件，图片以及asynchroneous客户端/服务端请求 （Ajax和其他变化的技术）。这是提及性能时的关键处，但是只需费点体力便能很容易解决。例如，尽可能的合并脚本，CSS，以及图像，在用户的机器上缓存文件常常有帮助。

添加期限头部： 80％ 的页面加载时间都于下载脚本，图片以及CSS有关。 多数情况下，这些元素在用户的机器中不会发生改变，你可以通过在.htaccess中添加代码缓存在用户本地机器中（我们会在文章的后面对如何操作进行讨论）。

Gzip 部件： Gziping或者压缩JS文件，图片，HTML文档，CSS文档等等。用户可以下载较小的文件版本，增加网页的加载速度。 这样可以降低服务器的消耗，但是解压缩部件也可能导致页面响应变慢，这取决于用户的浏览器。

把CSS放在顶端： 把CSS文件放在网站的顶端，可以是网站尽可能同时加载其他部件，如图像和文字。

把js放在底端： 把CSS放在文档的头部，仅需要在关闭《boby》前插入js.在这些脚本在后台加载的同时，用户先得到看似完整的页面。

避免使用CSS表达式： 我从来没有使用过CSS 表达式 （被称之为动态特性）， 这仅是IE专有的一个增加编程概念（如控制/有条件的结构）的CSS特性，截止到IE8，三叉戟布局引擎（在IE中使用的）不再提供支持。反正使用他们没有一个好想法。在某种程度上，我会基于不同的条件使用PHP脚本加载不同的CSS样式规则，例如一个随机数，一天的时间，或者浏览器。

外部调用JS与CSS： 将JS和CSS文件放在外部文件中，浏览器缓存他们要比每次调用拥有更快的页面加载速度。

减少DNS查找： 只要用户在浏览器的地址栏中键入域名，浏览器总会执行DNS查找IP地址，网站拥越多的入口位置，必要的DNS查找也会越多。尽可能的保持较低的水平，平均60-100毫秒进行一次DNS查询。

缩小JS： 不同于一般的gzip压缩，缩小js文档是去除不必要的空格， tabs， 和其他跟中跟杨的选择字符，减少文件的总尺寸，较小的页面可以获得更快的加载速度，你可以使用 JSMIN来缩小JavaScript.

避免重定向：无论是服务器端头重定向，js重定向，或者HTML元素重定向。你的网站都会加载空白的页面的头，然后再加载新的一页，用户为了获得需要的页面花费越来越多的时间，所以要不惜一切代价避免这种情况。

去除重复的脚本： 浏览器加载相同的脚本会增加页面的加载时间，这是非常简单的数学问题，更多的文件等于更多的加载时间。仔细检查你的网站，确保你没有调用两次或三次jQuery或者其他的脚本。

图 4： 部件标签。

部件标签 （如图 4）可以洞察增加网站加载速度的效果。在这里，你可以看到当前文档加载需要的时间，如果这些文件被压缩，响应的时间，以及假如他们缓存在用户的机器中和什么时候缓存过期。这是对网站很好的考核，衡量其性能与速度优化情况。最后，统计资料标签（如图 4），它向我们展示了所有的HTTP请求，同时下载的文档，以及缓存的文件。Empty cache显示了浏览器需要下载的呈现页面的文件。Primed Cache是另一方面，显示了已经存在于用户浏览器缓存中的文件列表，从而节省了浏览器不必再次下载文件的请求。

图 5： Stats tab.