Skip to content

渲染性能

渐进式渲染(惰性渲染):

  • 骨架屏
  • 图片懒加载
  • 图片占位符
  • 资源拆分

性能:

重排:几何属性改变,需要重新计算布局

重绘:外观发生变化,需要重新更新

  • 使用 id,唯一

  • 尽量过分重排 (几何属性相关)

    • 集中修改样式
    • DocumentFragment(游离于DOM树之外的节点,统一处理后再插入 DOM 树中)
  • 依赖继承