前端性能優化

前端性能優化方案

一： 頁面渲染流程

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