关键词：css 阻塞渲染、css 阻塞

当浏览器遇到一个 <link> 标签时，它会停止解析 HTML 并发出一个单独的网络请求去加载外部样式表。
这意味着，如果样式表很大或者网络速度很慢，它将阻止页面的渲染。阻止 CSS 渲染可能会导致页面看起来很糟糕，用户无法立即看到页面内容。

有一些方法可以防止或减轻 CSS 阻塞渲染：

1. 内联样式：使用内联样式而不是外部样式表，将样式放在页面的顶部，这样 HTML 就能很快地被渲染出来。

2. 通过媒体查询加载符合指定媒体类型或条件的样式表。这样不会影响未满足条件的设备或屏幕渲染结果。

3. 使用 rel="preload" 或者 rel="prefetch" 预加载样式表，这有助于在页面渲染过程中尽早加载样式表，提高页面加载速度。

4. 通过使用 JavaScript 动态加载样式表，可以实现延迟加载和异步加载。这可以帮助查看者能够看到尽快的内容，然后在不影响查看体验的前提下加载样式表。

5. 考虑压缩和优化您的 CSS 文件，以使代码更加紧凑、加载更快。

6. 对已经被加载的字体和图片，使用 CSS Sprites 技术合并到一个文件或者减少 HTTP 请求数量。