带有印刷媒体的Css包含在PageSpeed Insights“未使用的CSS”中。

Question

我正在使用Google，在“删除未使用的PageSpeed”下面出现了一个问题，我正在为印刷媒体使用单独的css：

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

显然，PageSpeed Insights建议应该删除它，因为它(当然)没有被使用。

​

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

为什么它是上膛的？在页面上使用print-css，并且仍然在PageSpeed Insights上保持高分的最佳实践是什么？

Answer 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