性能优化中级题库第 2 组，共 12 张卡片。
性能优化 · 中级 02
<link rel="modulepreload" href="/analytics.js">
<script type="module">
console.log('main-start');
await import('/analytics.js');
console.log('main-end');
</script>
// analytics.js
console.log('analytics');
modulepreload 会提前获取并准备模块，但不会因为 link 标签本身而执行模块代码。
longtask 类型记录主线程上持续时间较长、可能阻塞交互和渲染的任务。
HTTP/2 能在单条连接上复用多个请求与响应，降低 HTTP/1.x 时代因并发连接限制而过度合并资源的必要性，但它没有消除请求头、服务端调度、压缩上…
预渲染可能在用户真正导航前加载页面资源甚至执行页面逻辑，因此只能用于较高概率的导航目标，并应控制候选数量。
编码优化，指的就是 在代码编写时的，通过一些 最佳实践，提升代码的执行性能。
9.1 vue首屏加载优化有哪些方案么
rootMargin 会在计算交叉状态时把根区域上下各扩展 200px。
- Performance。
modulepreload 专门面向 ES 模块，可让浏览器提前获取模块，并按照模块脚本的规则进行相应处理，对模块依赖图也具有更明确的语义。
长列表虚拟化的核心是控制同时存在的视图和 DOM 数量，而不是只让视口外元素看不见。
内容哈希把资源内容的变化映射为 URL 的变化。
vue-virtual-scroll-list优化长列表