渲染阻塞 Render Blocking

词条 #235 / 700 · 第 5 章 · 5.2 网站性能、渲染路径与现代前端优化（226–240）

一句话定义

某些资源（如 CSS、同步 JS）阻止浏览器渲染页面。

打个比方 Analogy

上菜时一道菜卡住，后面的都上不来。第一道菜没好，整桌人都饿着。

使用 PageSpeed Insights 的 "Eliminate render-blocking resources" 建议。将非关键 CSS 标记为 media="print" 或使用 loadCSS 异步加载。JS 使用 defer 或 async。

首屏内容所需的 CSS 必须内联或优先加载，否则用户会看到无样式内容闪烁（FOUC）。