Шрифты — тихая причина, по которой страница выглядит пустой первые мгновения.

Шрифты — тихая причина, по которой страница выглядит пустой первые мгновения.

Браузер встречает правило подключить начертание, идёт за файлом и до его прихода не знает, чем рисовать текст. В зависимости от настроек он показывает пустоту или подставляет запасной шрифт, а потом всё перерисовывает, и страница дёргается.

Что помогает:

— подключать только те начертания, которые правда используются: обычное, полужирное и наклонное, а не полный набор из десятка толщин;
— вырезать ненужные наборы символов, если сайт на одном языке;
— задать поведение на время загрузки осознанно: обычно лучше сразу показать текст запасным шрифтом, чем держать пустоту;
— подобрать запасной шрифт близко по ширине, чтобы подмена не сдвигала вёрстку.

Отдельно про сторонние хранилища шрифтов. Дополнительный домен — это ещё одно соединение и ещё один участник, от которого зависит отрисовка. Файлы, лежащие рядом с сайтом, часто приходят быстрее.

И честный вопрос к дизайну: сколько начертаний реально различит читатель. Обычно меньше, чем заложено в макете.

—
Если понравилось — посмотри @cloudflare_optimization_pro_arb