Javascript 有哪些高级技术可以提高绘制或渲染时间？_Javascript_Css_Performance

Javascript 有哪些高级技术可以提高绘制或渲染时间？

javascript css performance

Javascript 有哪些高级技术可以提高绘制或渲染时间？,javascript,css,performance,Javascript,Css,Performance,哪些技术或方法可能会减少浏览器上的jank和/或缩短绘制时间？对此没有确切的答案，但以下是一些适用于大多数情况的高级技术减少绘制层-使用浏览器的开发工具查看css或标记可以生成多少层。更改或简化css可能会降低更好的结果帧预算-如果requestAnimationFrame回调中的JavaScript运行时间超过16ms，那么就不可能及时生成用于v-sync的帧 Utlize虚拟dom或Web Workers API—如果可能，将处理从客户端卸载，并利用Web Workers API进行处

哪些技术或方法可能会减少浏览器上的jank和/或缩短绘制时间？

对此没有确切的答案，但以下是一些适用于大多数情况的高级技术

减少绘制层-使用浏览器的开发工具查看css或标记可以生成多少层。更改或简化css可能会降低更好的结果
帧预算-如果requestAnimationFrame回调中的JavaScript运行时间超过16ms，那么就不可能及时生成用于v-sync的帧
Utlize虚拟dom或Web Workers API—如果可能，将处理从客户端卸载，并利用Web Workers API进行处理

资料来源：