网站性能优化

从输入url到呈现给用户的网页的整个过程：

       1、用户输入url 

        2、浏览器对域名进行dns解析，获取到服务器ip地址。

        3、客户端（浏览器）与服务器建立tcp连接，三次握手

        4、握手成功后，发送请求，服务器处理相关逻辑，并把对应的数据返回给客户端（浏览器）

        5、浏览器接受到数据，开始解析数据（HTML）

        6、DOM树构建、CSS解析 Style Rules(CSS树)

　　　　css样式（link、style）和 js脚本，会解析对应的样式或者脚本。此时会阻塞DOM元素构建

　　7.  DOM树与CSS树生成呈现树，然后绘制页面，呈现给用户

 

优化请求速度：

　　1.合并资源，减少http请求 （

　　　　1.  js,css文件合并

              2.多张小图合并到雪碧图，icon使用字体图标

       2.分域名加载资源，突破浏览器限制（在同源资源加载的情况下，浏览器最多允许同时6个请求加载）

       3减少DNS lookup时间，提前解析DNS.　　

 html head中添加link标签：
 <link rel="dns-prefetch" href="http://duanliang920.com"/>

 

 

       前端优化：

          1.利用打包工具(gulp,webpack等)压缩合并代码文件，多js文件最后输出一个js文件

          2.业务代码尽量精简

          3.js异步加载

DOM构建完成加载

<script src="//cdn.duanliang920.com" async></script>

资源加载完成加载

<script src="//cdn.duanliang920.com" defer></script>

服务端优化

        1、开启服务端缓存，减少服务器压力。

        2、开启gzip压缩，减少资源大小，传输更快。

        3、数据做好缓存和优化，减少服务端IO操作