前端性能分析2019-07-29Θ
目录
相关#
- Javascript 开销大
- web 字体加载慢
- 大的图片
- 渲染速度迟缓
- tree-shaking 移除无用代码
- scope hoisting 作用域提升
- code-splitting 按需加载
- intersection observer
- client hitns
- css containment
- HTTP/2
- service workers
tree-shaking#
无用代码移除（DCE，dead code elimination）
scope hoisting#
code splitting#
Webpack 可以将代码分解成多个 Chunk，做到按需加载
intersection observer#
交叉视察器，自动观察元素是否可见
client hitns#
自动响应式图片
css containment#
新的 CSS 属性 Containment 允许开发者限制浏览器样式、布局和 paint 工作的范围
service workers#
离线页面
性能决策#
- 能必须被测量、监测和完善。
- 构建性能优化列表
可见#
- 用户抱怨点