Google Fonts широко используются в темах и плагинах WordPress для улучшения визуального оформления сайта. Однако подключение этих шрифтов напрямую с серверов Google может замедлять загрузку страниц и вызывать проблемы с конфиденциальностью. В этой статье разберём, как отключить загрузку Google Fonts в WordPress, чтобы повысить скорость сайта и соответствовать требованиям GDPR.
Почему стоит отключать Google Fonts в WordPress
По умолчанию многие темы и плагины интегрируют Google Fonts, загружая их с внешних серверов. Это приводит к нескольким проблемам:
- Замедление загрузки — каждый запрос к внешнему серверу увеличивает время загрузки страницы.
- Проблемы конфиденциальности — данные пользователей могут передаваться Google без вашего контроля.
- Нарушение GDPR — в некоторых странах использование Google Fonts без согласия пользователя может быть незаконным.
Отключение внешней загрузки и локальное размещение шрифтов помогут избежать этих проблем.
Как определить, какие плагины или тема загружают Google Fonts
Для начала нужно выяснить, что именно подключает шрифты. Откройте сайт в браузере и используйте инструменты разработчика (F12). Вкладка Network и фильтр по "font" покажет запросы к Google Fonts.
Также можно посмотреть исходный код страницы через Ctrl+U и найти запросы к fonts.googleapis.com или fonts.gstatic.com.
Часто основные подозреваемые — тема сайта и популярные плагины, например, визуальные конструкторы или слайдеры.
Отключение Google Fonts в теме WordPress
Если шрифты подключаются темой, можно отключить их загрузку через функции темы. Добавьте в functions.php вашей дочерней темы следующий код:
function wpboard_dequeue_google_fonts() {
wp_dequeue_style('twentytwentyone-fonts'); // пример для темы Twenty Twenty-One
wp_deregister_style('twentytwentyone-fonts');
}
add_action('wp_enqueue_scripts', 'wpboard_dequeue_google_fonts', 20);Замените twentytwentyone-fonts на идентификатор стиля, который подключает шрифты в вашей теме. Его можно узнать через просмотр кода или в документации темы.
Если тема не предоставляет удобных ID, можно попробовать отключить все стили Google Fonts с помощью фильтра:
add_filter('wp_resource_hints', function($urls, $relation_type) {
if ($relation_type === 'preconnect') {
return array_filter($urls, function($url) {
return strpos($url, 'fonts.googleapis.com') === false && strpos($url, 'fonts.gstatic.com') === false;
});
}
return $urls;
}, 10, 2);Локальное размещение шрифтов вместо удалённого
Чтобы сохранить дизайн без внешних запросов, скачайте нужные Google Fonts и разместите их в папке темы или плагина. Затем подключите через @font-face в CSS:
@font-face {
font-family: 'Roboto';
src: url('fonts/roboto-regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}Так вы полностью исключите внешние вызовы.
Отключение Google Fonts в популярных плагинах
Некоторые плагины также подгружают Google Fonts. Рассмотрим примеры их отключения.
Elementor
Elementor загружает Google Fonts по умолчанию. Чтобы отключить, добавьте в functions.php:
add_action('elementor/frontend/after_register_styles', function() {
wp_dequeue_style('elementor-fonts');
});Или в настройках Elementor перейдите в Настройки > Дополнительно и активируйте «Отключить Google Fonts».
Contact Form 7
CF7 не подключает Google Fonts по умолчанию, но если вы используете темы, которые это делают, отключайте на уровне темы.
Использование плагинов для отключения Google Fonts
Если вы хотите упростить процесс, можно использовать специализированные плагины:
- Disable Google Fonts — блокирует все внешние запросы к Google Fonts.
- Clearfy Pro — универсальный плагин для оптимизации, в том числе отключения Google Fonts.
Плагины просты в использовании и подходят, если не хочется править код самостоятельно.
Проверка результата и диагностика
После отключения Google Fonts важно проверить, что запросы к fonts.googleapis.com и fonts.gstatic.com больше не выполняются. Для этого снова откройте инструменты разработчика браузера и обновите страницу.
Также протестируйте скорость сайта через сервисы:
Если шрифты по-прежнему загружаются, проверьте другие активные плагины и темы.
Заключение
Отключение загрузки Google Fonts — простой и действенный способ ускорить сайт и повысить его соответствие требованиям конфиденциальности. Применяйте кодовые решения для вашей темы или воспользуйтесь готовыми плагинами, такими как Clearfy Pro. Локальное размещение шрифтов позволит сохранить дизайн без потерь в скорости.