WEB前端性能优化

HTML主体  < 10%

    性能时间：下载、渲染。

 

浏览器->域名的连接数

 

应用层（TCP/IP-UPD-HTTP、HTTPS）、网络层、链路层、物理层

 

简易HTTP请求

1. DNS （域名->IP）
2. Connect（请求服务器连接）
3. Send（开始请求，发送HTTP头）
4. ServerTime（服务器处理）
5. Receive（服务器返回）

DNS

    地域CDN静态内容分发

    ISP（电信、联通）

    优化方向：减少DNS解析请求（less domain）、负载均衡（more domain）、DNS预存取（HTML5）

    DNS优化：简单轮询、智能解析（就近DNS服务器、就近WEBSERVER）、自建NS服务器

 

 Connect

    长连接（持久连接）保持连接状态，数据保持。

    IE6只允许2个连接数，FF、IE8为6个连接数

    优化方向：减少请求数，同域下保持长连接

 

Send

    客户端请求(client to server)

    减少不必要的请求

    减少请求中的数据（无关POST数据、无需传送的Cookie-free domain：静态资源请求时不需要Cookie、控制大小减少分包）

 

Receive

    地域、ISP、分包重组

    CDN-DNS

    按需加载，延迟加载，预加载

 

数据链接串行与并行

    串行：0-0-0-

    并行：000-000-000-

    HTTP1.1 pipelining Opera浏览器默认开启

 

Google spdy 优化资源优先级

tcp协议优化：fast/Tcp