移动设备的其他CSS文件 - 如何优化交付？

Question

我有一个额外的CSS文件，从标头加载，仅适用于移动设备。

它也是Tablesaw，它改变了表格查找移动访问者的方式。

谷歌网页速度将此视为关键问题，给我77分，告诉我：

在首屏内容中消除渲染阻止JavaScript和CSS，

通过优化CSS交付以下内容：

1. 主要CSS文件
2. Google字体文件（我无法控制）
3. 表锯CSS文件

目前，移动用户通过这种方式获得了表格css：

stringr

有没有更好的做法，让谷歌开心？

Answer 1

要优化您的css文件，您可以做多件事。

1. 减少对服务器的请求，以便将所有css放在一个文件中
2. 缩小您的css文件，这意味着您的所有代码都会缩小并删除每个空格，here是您可以执行此操作的网站。
3. 直接在html文件中复制关键路径css ，您可以在this website上获取此信息，如果您不知道如何执行此操作，则可能{{3}关于它

请注意，这对非常大的css文件有更大的影响