性能专项-前端小实践

62 阅读1分钟

image.png

实践

  1. css 其实在 chrome浏览器里面有一个 Layers 图层分析工具。

  2. 当你用css 比如transform 还有 会去强制分离当前 图层 进行gpu加速,但是请不要滥用,调用后,每次会进行单独图层的渲染,不会导致所有图层渲染, 3.通过分离图层,有以下几个好处:1. 调用gpu加速,2. 减少重绘 3. 视觉平滑

  3. 分离图层后的页面,会强制调用 gpu进行加速

  4. 每次重绘,只在当前图层,不会影响到其他图层,。

image.png

js

react

....陆续更新中