Найбільше на час завантаження сайту впливає кількість встановлених з’єднань. Тому перше, що ми робимо під час оптимізації сайту – позбуваємося google-fonts.
Google-Fonts зручний для розробників, підключив один файл стилів, вказав шрифт і все готово.
Але тут ховається навіть не одне, а цілих два з’єднання: fonts.googleapis.com і fonts.gstatic.com. З першого з’єднання вантажиться css, а з другого самі файли шрифтів, це вкрай негативно впливає на показники FCP/LCP, адже за стандартного підключення файли стилів є ще й блокувальними. Тобто поки не буде встановлено з’єднання з fonts.googleapis.com і не буде завантажено файл стилів, ми не отримаємо відтворення.
Добре ще, що зараз використовується параметр font-display:swap за замовчуванням при підключенні, без нього блокували ще й самі файли скриптів, і до речі, на багатьох сайтах досі використовується старе підключення.
Підключайте шрифти зі свого хоста, зменшуйте кількість з’єднань і прискорюйте свої сайти.










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