我们可以像这样异步加载 CSS：
<link rel="stylesheet" href="style.css" media="print"
onload="this.media='all'; this.onload=null;">应该什么时候使用css异步加载？
CSS 渲染是阻塞的，所以要考虑性能问题，因为浏览器下载 CSS，会停止绘制页面。
因此，任何对首屏内容不重要的 CSS 都应该异步加载。另外，14kb-ish 是单个往返 HTTP 请求的大小，因此最好将关键 CSS 保持在此大小以下。
CSS是如何工作的？
因为我们（还）没有用于加载 CSS 异步的原生方法，我们需要使用上述解决方法。我们欺骗浏览器媒体类型与当前环境不匹配，因此它不会阻塞渲染。加载完成后，我们使用 javascript onload 事件告诉浏览器开始加载延迟 CSS。
为什么可以使用链接预加载属性来异步加载 CSS？
似乎 media="print" 方法会给出更好的结果。正如 Scott Jehl 解释的那样：
“但更重要的是，预加载很早就以最高优先级获取文件，可能会降低其他重要下载的优先级，这可能比非关键 CSS 实际需要的优先级更高。”
相关推荐
-
css里首行缩进2字符怎么设置（首行缩进2字符css代码）
1、首先打开Notepad++软件，新建一个空文件 2、输入下图所示内容： 3、点击左上角的文件会出现下图所示界面点击保存 4、点击后会出现下图界面，文件名为css.html，这里CSS只是一个示例，其实只需要扩展名使用.htm或....
-
postcss的作用（postcss和cssmodule是什么？有什么作用？）
postcss是什么？ 根据官网的解释，它是一种javascript编写的工具，用来转化css的。可以认为它是处理css的插件集合，需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。 目前社区提供了非常多的插件，比较有...
-
css图片透明度怎么设置（css透明属性）
1、新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的。 2、在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器。 3、刷新浏览器中的页...
-
CSS 变量如何定义-css变量浏览器兼容性
本文的计划是向您展示原生 CSS 变量的工作原理，以及如何使用它们让您的工作更轻松。随着您的 Web 应用程序变得越来越大，CSS 也变得庞大、冗余并且很多时候变得凌乱不堪。在良好的上下文中使用 CSS 变量，可为您提...
-
只会html和css能不能找到工作（只会html css js能找工作吗）
作为过来人说几句吧，去年七月份来到厦门开始实习生涯，作为一个通信工程专业的大四学生，又对通信岗位不感兴趣，在大三下学期的时候学会了html css以及js，技术水平自己觉得找个实习还是没问题的吧，能独立完成页面...
-
如何在 CSS 中使用 currentColor 值
在 CSS 中，我们有一个名为 currentColor 的特殊颜色值，可能大多数人都不知道。 currentColor 所做的是获取颜色属性的值并将其用于任何其他具有颜色参数的属性。 例如以下内容： 下面currentColor写法与上面效果一...
