预加载与预连接

预加载与预连接

这篇笔记还在编辑中，内容可能会继续补充、调整或重写。

核心认识

preload 提前获取当前页面确定会用到的关键资源，preconnect 提前完成跨域连接准备。提示过多会争抢带宽，因此必须基于关键路径谨慎使用。

学习重点

  • 以真实用户体验和业务关键路径为优化目标
  • 先测量并建立基线，再定位网络、渲染或 JavaScript 瓶颈
  • 通过性能预算和持续监控防止优化结果回退

实践检查

  • 能用自己的话解释“预加载与预连接”
  • 能在最小项目中完成一次与“预加载与预连接”相关的验证
  • 能记录常见问题、取舍依据和排查方法