Как удалить загрузку Google Fonts в WordPress

Google Fonts — популярный способ добавить красивые шрифты на сайт WordPress. Однако автоматическая загрузка шрифтов с серверов Google может замедлять сайт и вызывать вопросы по GDPR в Европе. В этой статье рассмотрим, как полностью удалить загрузку Google Fonts в WordPress, чтобы ускорить сайт и повысить его безопасность.

Почему важно отключать Google Fonts в WordPress

По умолчанию многие темы и плагины WordPress подключают Google Fonts напрямую через внешние серверы. Это приводит к нескольким проблемам:

• Дополнительные HTTP-запросы — загрузка шрифтов с внешних серверов увеличивает время ответа страницы.
• Проблемы с конфиденциальностью — запросы к Google Fonts отправляют IP-адрес и другую информацию пользователя, что может нарушать требования GDPR.
• Блокировки и ошибки — некоторые пользователи или корпоративные сети блокируют загрузку с Google Fonts, что ломает дизайн сайта.

Поэтому удаление или локальное хранение шрифтов — лучший способ обеспечить быстрый и корректный показ сайта.

Как определить, какие плагины и темы загружают Google Fonts

Для начала проверьте, откуда загружаются Google Fonts на вашем сайте. Это можно сделать с помощью инструментов разработчика в браузере (обычно вкладка Network, фильтр по font или css) или специальных плагинов безопасности.

Часто Google Fonts подключают:

• Темы (например, Reboot, Root, Bono)
• Плагины для слайдеров, визуального редактора, шорткоды (например, WPStories, Quizle)
• Плагины SEO и оптимизации

Например, тема может подключать шрифты в файле functions.php через wp_enqueue_style с URL Google Fonts.

Методы удаления загрузки Google Fonts из WordPress

1. Отключение через функции темы

Если шрифты подключаются темой, можно убрать их регистрацию и подключение. Вот пример кода для functions.php вашей темы или дочерней темы:

function wpexpert_dequeue_google_fonts() {
    wp_dequeue_style( 'twentytwenty-google-fonts' ); // замените на ID стиля вашей темы
    wp_deregister_style( 'twentytwenty-google-fonts' );
}
add_action( 'wp_enqueue_scripts', 'wpexpert_dequeue_google_fonts', 20 );

Для определения правильного ID стиля используйте wp_enqueue_scripts с отладкой или анализируйте HTML-код страницы.

2. Полное удаление Google Fonts через фильтры

Некоторые плагины и темы предоставляют фильтры для отключения Google Fonts. Например, в теме Reboot можно использовать:

add_filter( 'reboot_load_google_fonts', '__return_false' );

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

3. Локальное хранение шрифтов

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

Для этого:

1. Скачайте нужные шрифты с Google Fonts или используйте сервисы вроде Google Webfonts Helper.
2. Загрузите файлы шрифтов в папку вашей темы, например /fonts/.
3. Добавьте в style.css вашей темы следующий код:

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

Далее замените подключения Google Fonts на локальные стили.

4. Использование плагинов для отключения Google Fonts

Существуют готовые плагины, которые упрощают задачу:

• Clearfy Pro — позволяет управлять загрузкой шрифтов и отключать Google Fonts.
• Disable Google Fonts — простой и бесплатный плагин для отключения.

Установка и настройка плагина Clearfy Pro в разделе «Оптимизация» позволит быстро убрать Google Fonts из темы и плагинов.

Пример комплексного решения для отключения Google Fonts

Допустим, ваша тема и плагин одновременно подключают шрифты. Тогда в functions.php можно добавить:

function wpexpert_remove_all_google_fonts() {
    // Отключаем стиль темы
    wp_dequeue_style( 'theme-google-fonts' );
    wp_deregister_style( 'theme-google-fonts' );
    // Отключаем стиль плагина
    wp_dequeue_style( 'plugin-google-fonts' );
    wp_deregister_style( 'plugin-google-fonts' );
}
add_action( 'wp_enqueue_scripts', 'wpexpert_remove_all_google_fonts', 20 );

Замените 'theme-google-fonts' и 'plugin-google-fonts' на реальные ID стилей, которые нужно найти через инспектор кода.

Как проверить, что Google Fonts действительно отключены

После внесения изменений обязательно очистите кэш браузера и кэш сайта (если есть) и проверьте:

• Вкладка Network в инструментах разработчика — отсутствуют запросы к fonts.googleapis.com и fonts.gstatic.com.
• Визуально шрифты отображаются корректно.
• Производительность сайта улучшилась (можно проверить через PageSpeed Insights или GTmetrix).

Выводы и рекомендации

Удаление Google Fonts из WordPress — важный шаг для ускорения загрузки сайта и соблюдения требований закона о защите данных. Используйте отключение через функции темы, локальное хранение шрифтов или специализированные плагины вроде Clearfy Pro.

Не забывайте тестировать изменения на разных устройствах и браузерах, чтобы сохранить качественный дизайн. Такой подход поднимет ваш сайт на новый уровень производительности и безопасности.