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

3. 先加载CSS最后加载JavaScript

某些站点，你根本无法避开所有的扰乱了你的功能的HTTP请求。

在这方面，以下几个建议：

在body上的《head》标签里加载CSS

在《/body》标签闭合前加载JavaScript 。

会发生什事情呢？网页在用户的机器上加载显示，因此他们的眼睛就开始扫描所提供的内同，这个时候JavaScript正好迎头赶上在后台进行加载。 i

提示：如果您不想移动JavaScript标记，你认为它会搞糟网站的方式工作，我建议使用 defer 属性。用法如下：

<script defer='defer'>

4. 使用子域名并发下载

并行下载，当你增加文件下载。如果你有打开网页在页脚的状态栏，你会发现加载其他网站的时候，会同时对static.domain.com和c1.domain.com进行请求。

这是一个非常棒的优化负载性能的方法。虽然只是简单的食用子域名，内容在同一个服务器上，但是浏览器是当作独立的服务器进行对待。

进行这样的设定：

在服务器上创建3个子域名

把图片放在在每个子域名的一个文件夹内

在新建的子域名中替换网站图片的位置路径

现在使用JavaScript文件，不会超过两个并发。

5. Adding an Expires Header

一些网站非常丰富，即使使用上述的技术后，性能似乎还可以增加更多。

一个用户访问你的网站，产生一些必要的页面，图片，脚本等HTT请求。

当你使用了Expires Header，你可以在用户的本地机器对这些元素进行缓存，不仅提高了他们的访问速度，也节省了你的带宽。 Expires header可以在所有的图片，脚本与css上使用。

只需要在你的网站根目录.htaccess文件中加入一行代码就可以轻松做到。（假如你没有，可以用文本编辑器创建一个，存为.htaccess，然后上传到根目录中。）

下面的.htaccess.为ico， .pfd， .flv （Flash类型文件）， .jpg， .png等设置了2010到期的遥远的期限。

<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|CSS|swf)$">
  Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT"
</FilesMatch>

请注意：如果设定过于遥远的expires header，你更新文件需要重新命名（version it） 否则使用缓存的用户将无法看到更新。

例如，如果你拥有一个avaScript文件需要更新， 使用版本号码然后更新所有的旧版本文件 (即. javascriptfile-1.0.js, javascriptfile-1.1.js)