前端性能优化之企业项目加载渲染和首屏优化(7)

170 阅读1分钟

1、加载渲染

  • 回顾理论

image.png

image.png

  • 如何告诉浏览器 将一个动画放在单独图层 ? willChange: "transform",

2、 首屏 加载优化 

image.png

  • 针对这些方向

image.png

3、JS 内存部分

  • 方法

image.png

  • 项目案例

image.png

  • 进行短轮训API 需要 及时清除 防止 栈溢出

image.png

image.png

  • 在 didMount / didUpdate 中的 定时器 需要及时清除

image.png

image.png

  • 展示效果

image.png

  • 性能部分 应该是 不断 完善和 测试 上线的过程 , 非完结!