Загрузка "Font Awesome" очень медленная на Drupal и Bootstrap - PullRequest
Новая
       68

Загрузка "Font Awesome" очень медленная на Drupal и Bootstrap

0 голосов
/ 21 февраля 2019

Я размещаю шрифты "Font Awesome" локально на моем сайте "Drupal 8" с темой "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".Пилис не загружается, у меня сложилось впечатление, что интернет-браузер пытается загрузить полицию и что он сдается после задержки:

введите описание изображения здесь

Я использую много шрифтов "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=desktop

...