优化主题CSS交付

Question

我通过谷歌页面速度洞察运行我的站点并得到以下消息：

优化CSS交付如下：

首先，它列出了我在/site/default/file中无法识别的两个CSS文件

其次，它列出了我从.libraries.yml文件链接到的字体超赞css，如下所示：

font-awesome:
  remote: https://fortawesome.github.io/Font-Awesome/
  version: 4.5.0
  license:
    name: MIT
    url: https://fortawesome.github.io/Font-Awesome/license/
    gpl-compatible: true
  css:
    theme:
      https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-
awesome.min.css: { type: external, minified: true }
    bootstrap/assets/javascripts/bootstrap/transition.js: {}

所以我的问题是双重的：

：

除了使用其他模块(如阿德维格 )之外

1)如何加快字体可怕css的交付？

2)这些其他CSS文件是什么?我如何加快它们的交付？

Answer 1

1. 下载字体和css文件，不要使用cdn
2. 缩小并连接您的css，此外，您还可以使用sass & gulp来完成您的工作。