前端性能优化
前端性能优化方案
一: 页面渲染流程
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分析网络性能(一)
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 :需要二次请求