资源已压缩却仍迟迟不显示,怎样重建首屏关键请求的依赖图?
简答题中等691 次浏览
参考答案与解析
# 核心结论
资源已经压缩却仍迟迟不显示,通常说明瓶颈不只在传输体积,而在“发现得晚、优先级不合理或前置依赖过长”。应从导航请求开始,按照“谁触发谁、谁阻塞谁、何时可参与渲染”重建首屏关键请求依赖图,并以决定 FCP、LCP 的最长串行链为主要优化对象。依赖图至少要记录请求发起者、开始时间、优先级、连接复用情况、缓存状态、响应时间,以及下载完成后的解析、执行和渲染成本。
# 底层机制
浏览器解析 HTML 时可直接发现普通样式表、脚本和图片,预加载扫描器也能提前扫描部分资源;但由脚本运行后生成的地址、动态导入的组件、接口数据决定的图片,以及样式表中引用的字体或背景图,都必须等待上游资源完成后才会被发现。例如
