CSS加载性能优化

将首屏页面要用到的CSS文件，放在页面头部加载，其他模块的CSS可以使用异步加载：loadCSS 和 Preload。

关于preload,推进2篇文章给大家看下：

1、通过rel="preload"进行内容预加载：

2、preload 的w3文档：

对于一些不是首屏加载的css，我们可以如下写法：

防止浏览器禁止js，保险起见，也可以如下

为了避免有些浏览器会重新调用处理程序rel='stylesheet'这个属性，我们一般推荐如下写法：

为了更好的兼容rel=preload，可以使用loadCSS ，github地址：

因此，不考虑浏览器兼容问题的情况下（考虑兼容问题，可以使用loadCss，这里不多演示），我们对上面代码再次进行优化：

转自：https://www.tuicool.com/articles/Yfeeu2J

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!