我们知道渲染页面是将服务器的响应内容翻译成图片的过程。然而，如果您的页面渲染性能不佳，可能会带来相对较高的跳出率。
本文将重点关注网页，即。 我将探索，
关键渲染路径（CRP）
浏览器将代码转换为屏幕上显示像素的过程。 它有几个阶段，其中一些可以并行执行以节省时间， 如下图所示：
首先， ，
。
。 。
倒数第二步是布局渲染树， 这个阶段也叫回流:
优化相关结论
因此，根据这个过程，我们在优化性能方面得出了一些结论。要提高页面初始化渲染的性能，需要:
同时，我们会根据下面 3 衡量优化效率的指标：
- FP(First Paint)
- FCP(First Contentful Paint)
- FMP(First Meaningful Paint)
除了渲染时间，还需要考虑其他因素。例如，您的页面。
性能优化策略
鉴于以上结论，我们得出网站性能优化有三个主要策略：
1. 减少要传输的数据量
然后，我建议建立一个自动压缩过程。 例如，（例如 JS 中间的空白字符)。
完成后，我们剩下的可以是文本字符串。 这意味着我们可以安全
最后， 但记住两点很重要：
- 如果
- 与其等待资源的到期，不如
当然，，有的变化很快，有的文件包含敏感信息(可以使用) 。
2. 减少关键资源总数
“关键”。 所以，我们可以
样式
为了告诉浏览器不需要特定的内容 CSS 文件，。 使用这种方法，，。 例如，如果你会 。
为进一步改进这一过程，，。
脚本
如上所述，脚本会阻塞分析，因为它们可以改变 DOM 和 CSSOM。 为了避免这一点，
，无论如何，内联脚本都会被阻止 CSSOM，除非你把它们放进去 CSS 之上。。
换句话说，
3.缩短关键渲染路径的长度
最后，应将 CRP 将长度缩短到可能的最小值。
媒体查询作为样式标签属性，将减少必须下载的资源总数。 script 标签属性 defer 和 async 防止相应的脚本阻塞分析。
使用 GZIP 压缩、压缩和归档资源将减少数据传输的大小（从而减少数据传输的时间）。
一些内联风格和脚本也可以减少浏览器和服务器之间的往返次数。
按照最新的最佳性能实践理念，。
结尾
总之，网站性能优化包括缓存、设置等网站响应的各个方面 CDN、重建、资源优化等，但这些都可以逐步完成。 作为 Web 开发人员，您可以参考本文，并始终记住在实验前后测量性能。
浏览器开发人员尽最大努力优化您访问的每个页面的网站性能，这就是为什么浏览器通常实现所谓的预加载器。 这部分程序将在你身上 HTML 以前扫描格式要求的资源，以便一次发出多个请求并让它们并行运行。 这就是为什么 HTML(逐行)以及脚本标签中保持样式标签相互靠近的原因。
此外，，