让我们学习使用 Critical CSS：它是什么以及该技术的用途

活关键 CSS 是不可或缺的一点，因为加快网站速度并不总是等同于盲目消除它。简化是有用的，去掉不需要的东西和不属于必不可少的东西就可以了。然而，这个原则走向极端，就会得出一个结论：虚无。

只需空白页即可达到理想的效果。这对您来说是一个有效的解决方案吗？不，为此您需要考虑关键 CSS。到底是什么？

什么是关键 CSS，定义

层叠样式表允许您通过精确的指示赋予 企业可以通过提供实时的客 内容美感。但是，它们可能会减慢网页速度。 Critical CSS 是一种优化页面渲染时间的方法，它允许您仅加载首屏所需的内容。也就是提升用户体验最重要、最微妙的部分。

通过 Critical CSS 功能（英文 美国电子邮件列表 术语Critical在这种情况下代表重要），我们可以防止浏览器下载所有样式表文件。但我们建议仅分析第一个加载阶段所需的内容。稍后再处理剩下的事情。

必读：测量网站速度的工具 

为什么要在这方面开展工作？

在您的电子商务、博客或网站上实施关键 CSS（尤其是那些具有大量与样式表相关的功能的网站）意味着在用户执行请求时促进网页第一部分的呈现。我们正处于最微妙的阶段，您必须立即以最佳方式向用户传达您的存在。

首次内容绘制(FCP) 是一个关键指标，用于衡量：浏览器渲染第一个内容所需的时间。

Critical CSS 的存在可以帮助大幅降低导致网页加载较重的值。尤其是当您使用移动设备工作且网络连接不稳定时。通过取自Google 的web.dev 的时间线，了解加载工作如何变化。

那些处理网络性能的人都清楚，必须功能需求、美观和良好性能之间做出折衷选择。我们需要与Core Web Vitals保持一致的快速网站。而且外观漂亮，能够将访客转变为潜在客户，然后转变为客户。

为了实现这一点，在Pagespeed Insight上进行实际导航和数据测量时，我们的工具箱中提供了多种工具。其中之一是关键 CSS。