CSS 检查

样式表分析：文件大小、覆盖率、选择器特异性和重复声明。

优势

字节级 CSS 覆盖率

按文件精确测量已用与未用 CSS。准确了解浏览器浪费下载了多少千字节，减少页面重量。

特异性控制

关于选择器最小、平均和最大特异性的报告，附带最重的前 10 个选择器。保持级联可预测，样式易于维护。

重复项与 !important 检测

自动发现重复声明和 !important 过度使用。在不丢失功能的情况下减少 CSS 大小。

完整样式表地图

每个连接文件的概览——外部和内联——包含大小、类型和覆盖率百分比。媒体查询、浏览器前缀、颜色和字体尽在一份报告中。

浏览器在开始渲染之前会下载并解析所有 CSS。多余的样式增加阻塞时间，延迟 FCP 和 LCP。删除未使用的 CSS 是加速页面加载最有效的方法之一。

特异性决定冲突时哪个 CSS 规则获胜。高特异性导致「选择器战争」并增加维护难度。报告突出显示有问题的选择器，帮助您简化级联。

!important 打破 CSS 的自然级联，使样式变得不可预测。每个新的 !important 迫使添加另一个来覆盖它。报告列出所有此类声明，以便逐步重构。

CSS 总大小、文件数、规则数和选择器数、未使用样式百分比、特异性最高分、重复列表、!important 声明、媒体查询、浏览器前缀、调色板和使用的字体。

单页分析通常不到一分钟。服务在真实浏览器中加载页面，收集所有样式表，并在真实条件下分析覆盖率。