我试图通过超越渲染阻塞 css 来提高我的网站的性能。只有一个文件似乎有问题，那是我从 CDN 获得的缩小引导样式表。我尝试了多种不同的方法，但没有任何效果。我想在我的项目中有一个 Bootstrap CDN 样式表的副本，并对其进行编辑，使其只有我当前在我的网站上使用的 css。有没有办法序列化您的网站，并从样式表中删除任何未使用的样式？我已经阅读了几种不同的方法，但它们中的大多数在 Chrome 之外的浏览器中都不起作用，并且在样式表中点击媒体查询时会中断。
问问题
86 次
1 回答
1
github 和 npm 上有多个关键的 css 工具。最大的可能是https://github.com/addyosmani/critical - 你可以定义一个 grunt 构建任务来做你想做的事：打开一个 html 页面并找出使用了哪些样式，然后基于它创建一个样式表.
是的，这些工具中的大多数确实在高级 css 方面存在一些问题，但这个似乎支持 mediaqueires。该 github 存储库上正在讨论许多问题，但它们似乎是针对非常具体的事情，因此人们可以将其视为一个好兆头 - 它很受欢迎并得到维护。
于 2017-10-01T22:45:23.727 回答