На медленном интернете заголовки страницы три секунды невидимы
Сайт использует фирменный веб-шрифт, подключённый через @font-face. На медленном соединении страница уже отрисована — видны блоки, картинки, кнопки, — но текст заголовков и абзацев отсутствует до трёх секунд, пока грузится файл шрифта.
Что изменить в первую очередь?
- Задать font-display: swap — пока шрифт грузится, показывать текст запасным
- Подключить шрифт в конце body, чтобы он не мешал отрисовке
- Перейти с WOFF2 на TTF — он распознаётся быстрее
- Скрывать страницу целиком, пока не загрузится шрифт