时间戳

首页 > 解决方案 > 异步或延迟（或延迟）CSS 加载

javascript - 异步或延迟（或延迟）CSS 加载

问题描述

我正在研究我的网站速度得分并尝试提高我的 Pagespeed（删除未使用的 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 加载吗？

标签： javascriptphphtmljquerycss

解决方案

即使你最后或在开始时加载 CSS，总加载时间也是一样的。尝试缩小 CSS并使其成为单个文件（通过减少请求数量）

为了提高速度，您还可以尝试压缩 JavaScript和HTML 以及图像精灵

推荐阅读