• 从输入URL到页面呈现发生了什么？
• 首屏加载
  • 网络层
  • 资源
  • 架构层
  • 其他

从输入URL到页面呈现发生了什么？

1. http 请求构建

2. 强缓存查找

3. DNS 解析

解析对方 IP 地址

4. TCP 连接

5. 发送 http 请求

6. DOM 树构建

首屏加载

网络层

gzip 压缩资源体积 cdn 加速资源下载 http2

资源

路由懒加载 按需加载

构建工具做 chunk 拆分

架构层

其他

骨架屏优化用户体验 SSR 服务端渲染