优化页面加载速度的方法

      昨天去YY(欢聚时代)面试的时候，第一面的那位面试官问了我超多问题，而且广度和深度都是我这段时间面试以来的之最，互联网公司果然变态得没有让我失望。其中的一个问题他问我有什么办法是优化页面加载速度，我在HSBC的这两年WEB方面的那点知识都喂了狗了。我想了一会，居然只能想到了三点，第一点是缩小图片，第二点是使用浏览器缓存，第三点是使用内容分发网络(CDN)。 他点了点头，问我除了这些方法外还有哪些？我说暂时想不出来了，他就接着问其他问题了。回到家后，我上网大概补习了一下优化页面加载速度的方法。网上有很多文章都做了很好的总结。归纳了一下，有以下几点:

1. 优化图像

    过大的图像需要的下载时间更多，因此要确保图像尽可能的小，可以使用图像处理工具如PS来减小颜色深度，剪切图像到合适的尺寸等。

2. 去掉不必要的插件

    安装的每个插件都需要服务器处理，从而增加页面加载时间。所以禁用和删除不必要的插件。

3.减少DNS查询(DNS Lookups)

    DNS查询需要花费很长的时间来返回一个主机名的IP地址，而浏览器在查询结束前不会进行任何操作。

4. 最小化重定向

    重定向增加了额外的HTTP请求，因此也增加了页面加载的时间。

5. 使用内容分发网络(Content Delivery Network CDN)

    服务器处理大流量是很困难的，这最终会导致页面加载速度变慢，而使用CDN就可以解决这一问题，提升速度。CDN是位于全球不同地方的高性能网络服务，复制你网站的静态资源，并以最有效的方式为访客服务。

6. 把CSS文件放在页面顶部，而JS文件放在底部

   把CSS文件在页面顶部引入可以禁止逐步渲染，节省浏览器加载和重绘页面元素的资源。 JavaScript是用于功能和验证，把JS文件放在页面底部可以避免代码执行前的等待时间，从而提升页面加载速度。

7. 利用浏览器缓存

  浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能，这有助于访客再次访问时，直接从缓存中读取内用而不必重新加载，这节省了向服务器发送HTTP请求的时间。

8. 使用CSS Sprites整合图像

    多图像的网站加载时间比较久，其中一个解决方法是把多个图像整合到少数个几个输出文件中，你可以用CSS Sprites来整合图像文件，这样就减少了在下载其他资源时的往返次数和延迟。

9. 压缩CSS和JavaScript

   压缩是通过移除不必要的字符(如TAB，空格，回车，代码注释等)，以帮助减少其大小和页面的后续加载时间的过程。

10. 启用GZIP压缩

   在服务器上压缩网站的页面是提升网站访问速度的一个非常有效方法，你可以用GZIP压缩做到这一点。Gzip是一个减少发送到访客的HTML文件，JS

和CSS体积的工具。压缩的文件减少了HTTP响应时间。据Yahoo报道，这大概可以减少70%的下载时间。而目前90%的通过浏览器的流量都支持Gzip压缩。因此，这是一个提高网站性能有效的方法。