前端性能优化

前端性能优化方案

前端性能优化

一: 页面渲染流程

前端性能优化

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