利用性能工具定位具体瓶颈

通常，一个完整的页面加载过程包括以下几个阶段： DNS查询 、 TCP连接 、 SSL握手 （如果🌺是HTTPS）、 请求响应 、 DOM解析 以及 资源加载

启用 HTTP/2 或 HTTP/3 可以减少连接开销，并支持多路复用

使用静态页面生💪成或服务器端缓存，减少动态处理时间

林彦政

保持资源域名数量合💫理，避免过多不同域名的外部请求

这两个过程是并行但又相互依赖的，因为JavaScript的执行可能会阻塞DOM构建，而CSSOM未完成时😎🤔，脚本也可能被推迟

更多精选文章

注意：大型CSS文件或内联样式过多会延长CSSOM构建时间，进而延迟 首次渲染

时序关键点 常见优化策略 DNS查询 CDN、dns-prefetch、减少域名数 TTFB 服💫务器缓存、压缩、选择高性能主机 DOM/CSSOM构建 精简CSS、异步JS（async/defer） 资源加载 图片懒加载、预加载关键资源、合理压缩 利用性能工具定位具体瓶颈 单纯了解时序概念还不够，你需要借助工具来获取自己的加载数据

关键加载阶段解析：从DNS到DOMContentLoaded

理解页面加载时序的各💎个关键点，可以帮助你有针对性地优化性能，提升用户体验

优化建议： 对图片采用合适的格式（如Web🎨P）并添加懒加载功能