如何异步加载 CSS [英] How to load CSS Asynchronously

查看:24
本文介绍了如何异步加载 CSS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试消除在我的网站上呈现阻塞的 2 个 CSS 文件 - 它们出现在 Google Page Speed Insights 中.我采用了不同的方法,但都没有成功.但是,最近,我发现了一篇关于 Thinking Async 的帖子,当我应用此代码时:<script async src="https://third-party.com/resource.js"></script>它确实解决了这个问题.

但是,发布后,页面失去了样式.我不太确定发生了什么,因为代码有效,但上传后的样式不起作用.非常感谢您的帮助.谢谢

解决方案

2020 更新

<小时>

简单的答案(完全支持浏览器):

记录在案的答案(带有可选的预加载和禁用脚本的回退):