延迟加载非关键 CSS

Lenix at 
CSS 文件是渲染阻塞资源:它们必须在浏览器渲染页面之前加载和处理。包含不必要的大样式的网页需要更长的渲染时间。在本指南中,您将了解如何以优化关键渲染路径和改善 First Contentful Paint (FCP) 为目标来延迟加载非关键 CSS。以次优方式加载 CSS #以下示例包含一个带有三个隐藏文本段落的可折叠项,每个文本段落都使用不同的类来设置样式:此页面请求一个包含八个类的 CSS 文件,但并非所有类都是渲染“可见”内容所必需的。本指南的目标是优化此页面,因此只有关键样式会同步加载,而其他样式(例如应用于段落的样式)以非阻塞方式加载。测量 #在页面上运行 Lighthouse 并……