最最好,最重要的是把你所学运用到工作中去!

基础: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)

 

posted on 2016-06-26 22:19  Asina  阅读(298)  评论(0编辑  收藏  举报