前端性能优化

前端性能优化方案

一： 页面渲染流程

1.301和302区别

2.域名解析

www.baidu.com.
先解析 .——com->baidu
从右向左解析

reflow-回流

document.write:不建议这样写，堵塞通道。

浏览器JS引擎：
V8（C++）-》V8 是 Google 发布的开源 JavaScript 引擎，采用 C++ 编写，在 Google 的 Chrome 浏览器中被使用。V8 引擎可以独立运行，也可以用来嵌入到 C++ 应用程序中执行。

SpiderMonkey -》SpiderMonkey是Mozilla项目的一部分，是一个用C语言实现的JavaScript脚本引擎

rhino(Java) -》Rhino是用纯Java写成的JavaScript的开放源代码实现。它最常被用于嵌入Java应用程序，以便为终端用户提供脚本的能力。

3. 了解chrom 的常用功能

https://github.com/ChenChenJoke/JokerChrome

4.使用webpageTest分析网络性能（一）

https://www.webpagetest.org/

5.通用优化方案

https://developer.yahoo.com/perfomance/rules.html

6.yahoo 性能优化

https://www.imooc.com/learn/50

7.百度的压缩资源

http://fis.baidu.com/fis3/docs/beginning/release.html#例子

二：技术优化出发点

iframe :需要二次请求

三：bigpipe

www.cubrid.org
www.searchtb.com