首屏关键资源链路应如何诊断，并怎样选择预加载、代码分割与缓存策略？

# 核心结论

首屏关键资源诊断的本质是找出从导航开始到关键内容可见之间最长的依赖链，而不是机械地减少请求数量。应先确定首屏最大内容元素及其发现、请求和呈现时间，再沿入口文档、样式、脚本、接口、字体或图片的依赖关系定位阻塞点。优化顺序通常是减少重定向和服务器等待，让关键资源更早被浏览器发现，消除不必要的渲染阻塞，降低资源体积及执行成本，最后再用预加载调整确实关键但发现较晚的资源。预加载、代码分割和缓存都存在成本，必须依据关键路径、使用概率、复用率和变更频率选择。

# 底层机制

浏览器获取入口 HTML 后，解析器和预加载扫描器可以较早发现静态标记中的脚本、样式和图片。若资源地址需要等待脚本执行、接口返回或较晚加载的样式表