twitter-bootstrap - 在 Drupal 和 Bootstrap 上加载“Font Awesome”非常慢

Question

我在我的“Drupal 8”网站上本地托管“Font Awesome”字体，主题为“Bootstrap”。

我为我的网站使用 SVG 版本。

这是我的bootstrap_subtheme_front_office.libraries.yml文件：

bootstrap:
  version: 3.4.1
  js:
    bootstrap/js/bootstrap.min.js: {}
  css:
    component:
      bootstrap/css/bootstrap.min.css: {}
      ../../contrib/bootstrap/css/3.4.1/overrides-cosmo.min.css: {}
fontawesome:
  version: 5.7.2
  header: true
  js:
    fonts/fontawesome/js/all.min.js: {}
bootstrap-toggle:
  version: 2.2.0
  js:
    js/bootstrap-toggle.min.js: {}
  css:
    component:
      css/bootstrap-toggle.min.css: {}
global:
  js:
    js/bootstrap.js: {}
    js/back-to-top.js: {}
  css:
    component:
      css/style.css: {}

这是我的bootstrap_subtheme_front_office.info.yml文件：

name: Bootstrap Sub-Theme Front Office
type: theme
description: 'Uses the Bootstrap framework LESS source files and must be compiled (not for beginners).'
core: 8.x
base theme: bootstrap
libraries:
  - bootstrap_subtheme_front_office/bootstrap
  - bootstrap_subtheme_front_office/fontawesome
  - bootstrap_subtheme_front_office/bootstrap-toggle
  - bootstrap_subtheme_front_office/global
regions:
  navigation_collapsible_first: 'Navigation (Collapsible first)'
  navigation_menu_first: 'Navigation (Menu first)'
  navigation_notification_first: 'Navigation (Notification first)'
  navigation_logo: 'Navigation (Logo)'
  navigation_notification_second: 'Navigation (Notification second)'
  navigation_menu_second: 'Navigation (Menu second)'
  navigation_collapsible_second: 'Navigation (Collapsible second)'
  breadcrumb: 'Breadcrumb'
  header: 'Top Bar'
  sidebar_first: 'Primary'
  highlighted: 'Highlighted'
  help: 'Help'
  content: 'Content'
  sidebar_second: 'Secondary'
  footer: 'Footer'

当我在智能手机上测试我的网站显示时，它可以正常工作：

在此处输入图像描述

但是我的一些访客，我们在加载“Font Awesome”时遇到了问题。pilice 没有加载，我的印象是互联网浏览器试图加载警察并且他在延迟后放弃了：

在此处输入图像描述

我在我的网站上使用了很多“Font Awesome”字体（用于导航、菜单……）。如何纠正这个问题？

https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https%3A%2F%2Fwww.s1biose.com%2Ffr%2Farticle%2Fla-spiruline-une-micro-algue-dans-nos -assiettes&tab=桌面

标签： twitter-bootstrapfont-awesomedrupal-8