关键渲染路径

Ilya Grigorik

发布时间：2014 年 3 月 31 日

优化关键渲染路径是指优先显示与当前用户操作相关的内容。

提供快速的网络体验需要浏览器做大量工作。 大部分工作对我们这些 Web 开发者来说是隐藏的：我们编写标记，屏幕上就会出现一个漂亮的页面。 但是浏览器究竟是如何从使用我们的 HTML、CSS 和 JavaScript 到在屏幕上渲染像素的呢？

优化性能就是要了解在接收 HTML、CSS 和 JavaScript 字节与将它们转换为渲染像素所需的处理之间的中间步骤中发生了什么 - 这就是关键渲染路径。

progressive page rendering

通过优化关键渲染路径，我们可以显着缩短页面的首次渲染时间。 此外，理解关键渲染路径也为构建高性能交互式应用程序奠定了基础。 交互式更新过程是相同的，只是在连续循环中完成，理想情况下为每秒 60 帧！ 但首先，概述一下浏览器如何显示一个简单的页面。

其他资源

反馈