Q1主动回忆难度 1
1/12
性能优化 · 初级 01
记忆强度
性能优化初级题库第 1 组，共 12 张卡片。
性能优化 · 初级 01
重绘（Repaint）和回流（Reflow）
虚拟 DOM 不保证在所有场景下都比直接操作真实 DOM 更快。
DNS 预解析只用于提前完成域名解析，适合页面较早且较确定会访问的跨源主机。
no-cache 并不表示禁止保存响应，而是要求缓存副本在被复用前完成验证。
原生 loading="lazy" 适合非关键、位于首屏之外的图片，可把具体加载时机交给浏览器调度。
CSS 只改变图片的布局与绘制尺寸，不会自动减少已经下载的源文件字节。
- content方面 - 减少HTTP请求：合并文件、CSS精灵、inline Image - 减少DNS查询：DNS缓存、将资源分布到恰当数量的主机…
Performance API 用于精确度量、控制、增强浏览器的性能表现。
(1). 减少HTTP请求数
十万条数据不应一次性全部创建为页面节点。
window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。
CSS 性能优化应覆盖资源下载、解析、样式计算、布局、绘制和合成整个渲染链路，而不只是缩短选择器。