首屏样式若等整张 CSS 下载完才渲染，用户会看到空白。内联关键 CSS，其余异步加载。

实践流程

<head>
  <style>/* 首屏必需的内联 CSS */
    .hero{color:#0F172A}
  </style>
  <link rel="preload" href="full.css" as="style" onload="this.rel='stylesheet'">
</head>

要点速览

  • 首屏关键样式内联，缩短首次绘制。
  • 完整 CSS 用 preload + onload 异步接管。
  • 别把全部 CSS 内联，那会拖慢后续。
关键 CSS 把「白屏等待」换成「先看到内容」。