Оптимизация скорости загрузки шрифтов на wordpress с CDN Google

Последнее время в России сильно уменьшилась скорость загрузки из CDN Google. Я думаю это связано с удалением CDN серверов из России начиная с 2022 года. В результате этого + снижения скорости загрузки ресурсов из-за рубежа упала загрузка из CDN Google Font. И если сама дискуссия по поводу использования Google Font велась и раньше, то основной посыл там был о скорости дополнительного соединения.

Откуда вообще взялась проблема? Зачастую шаблоны WordPress, скачанные из зарубежных источников, как пример Themeforest, использовали удобный способ загрузки который предоставлял CDN Google Font. Основные преимущества сервиса, как то поддержка кеша в разных странах,  разных вариантов кириллицы, латиницы и других типов положительно работал в случае загрузки сайта из разных стран.

Но если у вас основной трафик из России, то использовать Google Font нецелесообразно. Проблема еще усилилась тем, что иногда IP Google Font попадается под блоком РКН и как следствие возникает вообще проблема с загрузкой шрифтов. Проблема довольно низкая, шанс меньше 1%, но это все влияет на поведенческие факторы на сайте.

Также на время загрузки шрифтов на вашем сайте блокируется отображение сайта (если вы специально не настраивали отображение локальных шрифтов из Windows или не выносили критические css и сам шаблон) и как следствие — плохие балы по скорости загрузки сайта в https://pagespeed.web.dev

Пример на моем блоге — очень низкая скорость загрузки страницы из-за блокирования загрузки:

Одной из задержки отображения (Total Blocking Time) является CDN Google:
Вот пример, 750 миллисекунд уходит на блокировку:

Решаем проблему

Для решения проблемы отлично подойдет один из 2 плагинов — Local Google Fonts (более 100 000 активных установок) или малопопулярный Easyfonts. Последний имеет несколько более расширенный функционал который позволяет работать на большем количестве сайтов.

Главный их функционал — скачивание шрифтов из CDN Font и загрузка их на ваш сайт.

Минус — удалять сам плагин нельзя, он должен работать.

Важно после активации и включении плагина очищать кеш, если он у вас работает, иначе вы не увидите результат. Также помните, что иногда плагины не сразу удаляют кеш, а с некоторой задержкой или по крону. А некоторые типа WP Fast Cache еще и может не удалить кеш, поэтому если у вас не появляется результат работы плагина, то зайдите через ftp и физически удалите файлы кеша.

На практике мене популярный Easyfonts работает почти в 100% случаев, тогда как плагин Local Google Fonts имеет ограничения.
Ну и главное, ради чего это делалось? получаем +30 балов по Google pagespeed: