前端性能优化-基础认知

标签：

基础：1.本地存储 2.后端逻辑

DNS寻址以及IP解析
访问 Network 下的 Headers -> Remote Address 一样可以访问本站

WebServer 背后的事

性能优化包括前端、后端、网络以及硬件机器

页面渲染流程
HTML页面请求
浏览器的js引擎

尽量减少页面的reflow
防止js绘制dom节点阻塞其他标签的解析甚至下载，比如 document.write

浏览器的JS引擎

WebPageTest 分析网络性能

性能优化：Yahoo军规

技术优化出发点

写成可复用的模块

加载方式（提升用户体验）：
1. 同步加载
都加载完才能展示给用户想看的。
可能很少的tcp连接就能完成页面的加载

2. 分级加载
同步加载和异步加载相结合
先给用户加载重要的信息比如logo/核心功能，后面加载不重要的

3. 按需加载
用户不触发该功能我们就不加载
用户不触发该功能，但是带宽闲置，或者页面的主要元素都加载完了

重要的东西同步加载，不重要的东西异步加载

bigpipe的缺点：
异步请求较多
seo引擎较难抓取
模块之间相互通信引用
模块引擎重复渲染

技术术语：
1. 首屏加载时间（不滑动）
2. 白屏时间
3. 可操时间
4. 连通率

产品术语：
1. pv一次访问一次pv
2. uv多次访问同一个人一次uv
3. day日活跃用户数量
4. MAU月活跃用户人数
5. 跳出率（跳出时间留下来的人/pv）

前端性能优化-基础认知

标签：

原文地址：http://www.cnblogs.com/lqcdsns/p/5618733.html