慧星科技教你网站优化技巧

1. 尽量减少HTTP请求。

       优化后的http请求，比如多个图标都是截自同一张图片的。

2. 使用CDN（内容分发网络）

       CDN：尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。

        简单解释：在离你近的地方放置一台性能好的链接顺畅的副本服务器，让你能够以近的距离、快的速度获取内容。

3. 添加Expire/Cache-Control头

       Expire：expire头的内容是一个时间值，值就是资源在本地的过期时间、存在本地。 在本地缓存阶段，找到一个对应的资源值，当前时间还没超过资源的过期时间，就直接使用这一资源，不会发送http请求。

       Cache-Control：是http协议中常用的头部之一，负责控制页面的缓存机制。如果该头部指示缓存，缓存的内容也会存在本地。操作流程和expire相似，但也有不同的地方，cache-control有更多的选项而且也有更多的处理方式。

4. 启用Gzip压缩

       在服务器对传输的文件进行GZIP压缩在发送给浏览器，浏览器能自动对其进行解压 。 好处就是传输的文件更小。

5. 将css放在页面上面

       防止低网速页面加载出来没有样式，或者无法加载页面内容。

6. 避免在CSS中使用Expressi

       CSS Expressi就是CSS表达式， 用来把css属性和js关联起来。

使用CSS Expressi的话，在页面显示和缩放、页面滚动、移动鼠标的时候都要重新计算一次，具体看如下代码鼠标一移动就会一直叠加。

7. 把JS和CSS放到外部文件中

      单独提取出来：提供的js和css的复用性、减小页面体积、提供了js和css的可维护性。

      写在页面内：减少页面请求、提升页面的渲染速度

      这个可以根据实际情况取舍，写在页面内的时候：只应用于一个页面、不经常被访问到、脚本和样式很少的情况。

8. 减少DNS查询

      每次DNS查询都差不多需要20ms，20ms的时候页面一片空白。现在浏览器一般都有缓存，可以减少DNS查找。

      可以采用单域/多域。

      一个浏览器对一个服务器的请问是有限制的，如果都请求来自一个服务器会变慢。比如可以把静态资源放在静态资源服务器等，这样浏览器可以同时请求多个域名，加快速度。

9. 压缩 JavaScript 和 CSS

      1. 取出不必要的空白符、格式符、注释符。

      2. 简写方法名、参数名、压缩JS脚本。