异步或延迟(或延迟)CSS加载

Question

我正在研究我的网站速度得分，并试图提高我的页面速度(删除未使用的CSS报告)。

首先我遵循这个页面:加载CSS更简单，我已经延迟了以下方式，但页面速度一直提醒我，/css/second-styleCSS文件没有延迟:

<link rel="stylesheet" href="/css/second-style.css" media="print" onload="this.media='all'">

所以，我尝试了另一种方法，使用:loadCSS，我是这样做的:

<script src="loadCSS.js"></script>
<script>
loadCSS( "/css/second-style.css" );
</script>

我认为这样做的两种方式是相当清晰和简单的，他们应该工作，但页面速度不批准/css/second-style.css。

你知道2021年是否要换一种方式吗?还是我错了?是否有其他方法可以延迟CSS加载?

Answer 1

无论你最后还是在开始加载CSS，总加载时间都是一样的。尝试最小化CSS并使其成为单个文件(通过减少请求的数量)

为了提高速度，你也可以尝试压缩JavaScript和HTML和Image sprit