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

Question

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

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

[显然，PageSpeed Insights建议将其删除，因为（当然）没有使用它。

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

为什么还要加载？什么是在页面上显示打印CSS并在PageSpeed Insights上保持良好评分的最佳实践？

Answer 1

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

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

@@@@@@@@@@@@@@@@@@@％

[另一种方法可能是通过javascript附加/分离CSS，检测用户是否按照此处的建议进行打印：https://stackoverflow.com/a/44918520/5778362