🆓 Про Google Fonts

Найбільше на час завантаження сайту впливає кількість встановлених з’єднань. Тому перше, що ми робимо під час оптимізації сайту – позбуваємося google-fonts.

Google-Fonts зручний для розробників, підключив один файл стилів, вказав шрифт і все готово.

Але тут ховається навіть не одне, а цілих два з’єднання: fonts.googleapis.com і fonts.gstatic.com. З першого з’єднання вантажиться css, а з другого самі файли шрифтів, це вкрай негативно впливає на показники FCP/LCP, адже за стандартного підключення файли стилів є ще й блокувальними. Тобто поки не буде встановлено з’єднання з fonts.googleapis.com і не буде завантажено файл стилів, ми не отримаємо відтворення.

Добре ще, що зараз використовується параметр font-display:swap за замовчуванням при підключенні, без нього блокували ще й самі файли скриптів, і до речі, на багатьох сайтах досі використовується старе підключення.

Підключайте шрифти зі свого хоста, зменшуйте кількість з’єднань і прискорюйте свої сайти.

Додати коментар

  1. Влад

    Дуже шкідлива стаття. Якщо ви залишаєте шрифти на своєму сервері, ви збільшуєте на нього навантаження та кількість реквестів на свій же сервак. Є ще купа переваг взаємодії з шрифтами Google Fonts, про які даже не буду витрачати свій час на їх опис. Якщо дійсно хочете розібратись в цьому – почитайте трохи більше про оптимізацію. Ця стаття очевидно показує, що ви не розібрались в питанні взагалі.

    Відповісти
    1. Автор автор

      Дякую за критику. У оптимізації, як і будь-якій іншій справі від заміни осмосу до встановлення брекетів на зуби, у двох спеціалістів можуть бути полярно різні думки. І завжди “попередники” криворукі, а ти зараз як зробиш все правильно… 🙂
      Що ж, дійсно має сенс ще раз переглянути тему. Зайвим не буде точно.

      Відповісти