最最好,最重要的是把你所学运用到工作中去!
基础: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)