1

我正在使用 Google PageSpeed Insights，并且在“删除未使用的 CSS”下出现一个问题我正在为打印媒体使用单独的 css：

<link href="/sass/print.min.css" rel="stylesheet" media="print" type="text/css" />

显然，PageSpeed Insights 建议应该删除它，因为它没有被使用（当然）。 在此处输入图像描述

如果我删除链接标签，我的分数会增加大约 5 分。

为什么它甚至被加载？在页面上有 print-css 并且仍然在 PageSpeed Insights 上保持良好分数的最佳做法是什么？

4

1 回答 1

1

您可以尝试两种解决方案：
第一个是将打印样式嵌入到您的主 css 中

@media print { /* All your print styles go here */ #header, #footer, #nav { display: none !important; } }

@media print 将确保内部应用的样式仅适用于打印布局

另一种方法可能是通过 javascript 附加/分离您的 css，检测用户是否正在打印此处建议的内容： https ://stackoverflow.com/a/44918520/5778362

于 2020-01-31T10:13:03.257 回答