0

我想消除我网站上的渲染阻塞，但我做不到。我不使用外部 css 文件或字体，只使用一个大 css 文件。当我从头部 AllcontentCSS 中的 css 文件复制所有内容时，渲染阻塞从 Google Page Insights 中消失有没有办法消除渲染阻塞并在头部包含带有链接的 css 文件，而不是复制样式标签中的所有 css 或者插入 css在身体标签中？

4

1 回答 1

1

您最有可能在寻找：

<link rel="stylesheet" href="yourFile.css" media="none" onload="if(media!='all')media='all'">

但是，在继续之前，请阅读以下详细说明该技术及其局限性的资源：

确保您还浏览了 Taylor Hunt 提供的链接。您可能想使用来自 Filament Group 的loadCSS函数/polyfill。

但请注意，此技术会在您的页面上导致 FOUC。你应该把你的 CSS 分成两部分：

  • 布局基础（正常加载 - 渲染阻塞），
  • 异步样式（加载异步）。
于 2017-12-10T17:31:45.463 回答