从地址输入到首屏出现，如何系统优化页面加载链路？

# 核心结论

从地址输入到首屏出现的优化，应先还原关键请求链，再缩短真正位于首屏关键路径上的环节。完整链路通常包括地址处理、缓存与服务工作线程判断、名称解析、连接建立、请求响应、文档下载、文档解析、关键资源发现、样式与脚本处理以及首屏绘制。优化的优先级取决于资源何时被发现、为何等待、是否阻塞渲染及是否占用主线程，而不是机械堆叠预解析、压缩和缓存手段。减少一个非关键请求，可能远不如提前发现首屏主图有效。

# 底层机制

浏览器访问跨源资源前可能经历DNS解析、传输连接和安全协商。preconnect可提前完成解析与连接建立，适用于确定很快会访问的重要跨源；dns-prefetch只提前解析名称，成本较低、收益也