1. 首页
  2. css

加载CSS而不阻塞呈现

通常,您希望CSS阻止呈现。如果您首先看到没有CSS的页面加载,然后随着CSS被解析并应用到页面,页面将以非常尴尬的方式加载。

但是在某些情况下,您希望延迟加载CSS–例如,您不介意延迟下载自定义字体的样式表。如果你在做关键的CSS,甚至是你的主样式表。

Keith Clark在本文中介绍了一种非常简单的方法(无依赖关系)。斯科特·杰尔附和说,onload的支持率参差不齐。他的小型异步CSS加载器可能是获得最佳浏览器支持的最佳途径。

延迟加载CSS的另一种方法只是将其放在文档的底部,就像我们通常对脚本所做的那样。但要记住,在头脑中进行下载的好处是,下载会立即触发,因此最终会更快一些。我们把脚本放在页脚,因为它不仅是下载的脚本可以阻止,但执行以及(双重打击)。我不确定CSS是否有阻塞执行(如果你可以这么说),但我不这么认为。

直接链接→

加载CSS而不阻塞呈现 为WP2原创文章,链接:https://www.wp2.cn/css/%e5%8a%a0%e8%bd%bdcss%e8%80%8c%e4%b8%8d%e9%98%bb%e5%a1%9e%e5%91%88%e7%8e%b0/

发表评论

您的电子邮箱地址不会被公开。