关键渲染路径

Ilya Grigorik
Ilya Grigorik

发布时间:2014 年 3 月 31 日

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

要提供快速的网络体验,浏览器需要做许多工作。大部分 这些工作对我们这些网络开发者来说是隐藏的:我们要编写标记, 屏幕上就会出现正在查看的页面但浏览器到底是如何 使用我们的 HTML、CSS 和 JavaScript 在屏幕上渲染像素?

从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理,从而将它们转变成渲染的像素这一过程中有一些中间步骤,优化性能其实就是了解这些步骤中发生了什么 - 即关键渲染路径

渐进式网页呈现

通过优化关键渲染路径,我们可以显著改善 首次呈现网页所需的时间此外,还要了解 渲染路径还可以奠定基础 互动应用处理交互式更新的过程是相同的,只是在连续循环中完成,理想情况下每秒可以处理 60 帧! 不过,我们先来看一下浏览器如何显示简单的网页。

其他资源

反馈