文章标签

以下是网站渲染的主要类别

• 客户端：发送一个<div id="root"</div，并让 JavaScript 模板渲染所有内容。
• 静态：预渲染 HTML。
• 服务器：让活动服务器处理请求并生成

网页字体工作流程很简单，对吧？选择一些好看的网络就绪字体，获取 HTML 或 CSS 代码片段，将其放入项目中，并检查它们是否正确显示。人们使用 Google Fonts 做了无数次……

即使网页已视觉呈现，它也不是一成不变的。媒体资源（如图像）可能会进来并导致布局根据其大小发生变化，这在流体布局中通常在它们出现之前是未知的……

现在是成为网页性能爱好者的绝佳时机，Chrome 60 中 Paint Timing API 的出现就是证明。Paint Timing API 是新兴的Performance API的又一补充……

Ire Aderinokun

CRP 有 6 个阶段 -

1. 构建 DOM 树
2. 构建 CSSOM 树
3. 运行 JavaScript
4. 创建渲染树
5. 生成布局
6. 绘制

我想如果你真的开始从事性能工作，你会想要一个……