灯塔标记的这个神秘 CSS 是什么？

Question

我正在使用 Chrome 的 Lighthouse 审核对网站进行一些性能改进，并且在“删除未使用的 CSS”部分下有一些样式我无法在网站上的任何位置找到。

我要质疑的是从 html、body 等开始的 2 行。

它们看起来有点像重置样式，但不是我在 CSS 文件中的样式。

我已经尝试搜索主题文件（这是一个 shopify 网站）、页面源、关闭 javascript 并且这些样式不会出现在任何地方。 有没有人遇到过这种情况？

Answer 1

因为它是 Shopify 网站，所以默认使用 Shopify 风格的 CDN。由于它是 CDN，因此不会在您的项目目录中找到 css 文件，而是在 Shopify 的网站上找到。样式 CDN 的示例可以在 here 找到，这是用于引导程序的。它使用 URL 访问存储在其服务器上的样式选项，因此您不必在本地下载 CSS。

Here's more on CDNs.

至于您的问题，您的项目似乎引用了这些 CDN，但您没有使用它们。如果您可以在项目中找到这些 CDN 的链接位置并将其删除/注释掉，则应该可以解决问题。

Here's a similar question 关于删除 Shopify 未使用/延迟样式是否安全。