Ilya Grigorik
发布时间：2014 年 3 月 31 日
优化关键渲染路径是指优先显示与当前用户操作有关的内容。
要提供快速的 Web 体验，浏览器需要进行大量的工作。这类工作大多数是我们这些网络开发者看不到的：我们编写标记，屏幕上就会显示出漂亮的页面。但浏览器到底是如何使用我们的 HTML、CSS 和 JavaScript 在屏幕上渲染像素的呢？
从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，优化性能其实就是了解这些步骤中发生了什么 - 即关键渲染路径。
通过优化关键呈现路径，我们可以显著缩短网页的首次呈现时间。此外，了解关键渲染路径还可以为构建高性能交互式应用打下基础。处理交互式更新的过程是相同的，只是在连续循环中完成，理想情况下每秒可以处理 60 帧！ 不过，我们先来看一下浏览器如何显示简单的网页。