CSS 可以异步加载吗？为了回答这个问题，我们需要了解一下 CSS 是如何加载和解析的。
CSS 样式通常与 HTML 文档分离，可以通过以下方式引入：
<head> <link rel="stylesheet" href="style.css"> </head>
当 HTML 文档被加载时，浏览器会同时加载所引用的 CSS 文件。然后，它将解析 CSS 并将样式应用于 HTML 元素。
由于 CSS 文件对于页面的外观和布局非常重要，因此在添加 CSS 样式之前，可能会看到闪烁或 FOUC（样式失效时显示的页面）。这是因为页面首先呈现为无样式的 HTML，并且在 CSS 文件被加载和应用之前，浏览器无法确定元素的大小、位置或样式。
现在回到我们的问题，CSS 是否可以异步加载？答案是肯定的。可以使用异步方式加载 CSS 文件，以避免 FOUC 或页面加载延迟的问题。可以通过以下方式实现：
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'style.css';
document.head.appendChild(link);
</script>这段 JavaScript 代码将创建一个新的 <link> 标签，并将其添加到文档头部。由于这是通过 JavaScript 动态添加的，因此它的加载和解析是异步的。这意味着页面可以在使用样式之前呈现。
需要注意的是，当使用异步方式加载样式表时，首屏加载时间可能会变得稍微慢一些，因为 JavaScript 必须执行完毕，然后才会加载样式表。此外，异步加载样式表会增加代码复杂性，因为需要手动创建和管理样式表的加载和应用。
总之，CSS 可以异步加载。但是，请在权衡利弊后再决定是否使用异步方式加载样式表。