Как удалить загрузку шрифта Google из темы WordPress для ускорения сайта

Почему стоит отключить загрузку шрифтов Google в теме WordPress

Загрузка шрифтов Google с внешних серверов увеличивает время первого байта, создает дополнительные DNS-запросы и может замедлять загрузку страницы. Кроме того, это влияет на приватность пользователей и может быть нежелательно в некоторых проектах. Если тема WordPress по умолчанию подключает Google Fonts, а вы хотите использовать локальные шрифты или системные, стоит удалить эти подключения.

Диагностика: как определить, что тема загружает Google Fonts

Для начала проверьте, действительно ли тема подключает шрифты Google. Самый простой способ:

• Откройте сайт в браузере и включите инструменты разработчика (F12).
• Перейдите на вкладку Network и отфильтруйте по font или stylesheet.
• Ищите запросы к адресам с fonts.googleapis.com или fonts.gstatic.com.

Если такие запросы есть — тема загружает Google Fonts.

Альтернативный способ — поиск в коде темы

В папке вашей темы (wp-content/themes/your-theme) выполните поиск по ключевым словам fonts.googleapis.com или enqueue. Обычно подключение шрифтов происходит с помощью функции wp_enqueue_style:

wp_enqueue_style('theme-google-fonts', 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic', false);

Пошаговое решение: как отключить загрузку Google Fonts из темы

Приведу три распространенных варианта, как убрать подключение Google Fonts без потери стилей.

1. Отключение через дочернюю тему (child theme)

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

function remove_google_fonts() {
    // Отменяем регистрацию стиля с Google Fonts
    wp_dequeue_style('theme-google-fonts');
    wp_deregister_style('theme-google-fonts');

    // Подключаем локальный шрифт
    wp_enqueue_style('local-fonts', get_stylesheet_directory_uri() . '/fonts/local-fonts.css', array(), null);
}
add_action('wp_enqueue_scripts', 'remove_google_fonts', 20);

Замените 'theme-google-fonts' на реальный хендл стиля, который использует ваша тема (можно увидеть в коде или через wp_print_scripts).

В папке дочерней темы создайте папку fonts и поместите туда локальные файлы шрифтов и CSS с описанием @font-face.

2. Отключение через фильтр style_loader_tag

Если не удается отменить регистрацию, можно перехватить и не выводить ссылку на Google Fonts:

function disable_google_fonts_link($html, $handle) {
    if ($handle === 'theme-google-fonts') {
        return '';
    }
    return $html;
}
add_filter('style_loader_tag', 'disable_google_fonts_link', 10, 2);

3. Использование плагина Clearfy Pro для удаления Google Fonts

Если вы используете Clearfy Pro, в нем есть функция отключения Google Fonts. Это упрощает задачу без правки кода.

Как проверить, что Google Fonts больше не загружаются

• Очистите кэш браузера и сайта.
• Откройте инструменты разработчика, вкладку Network, убедитесь, что запросов к fonts.googleapis.com и fonts.gstatic.com нет.
• Проверьте визуально, что шрифты отображаются корректно.

Частые ошибки при отключении Google Fonts

• Неправильный хендл стиля. Если вы не знаете точное имя стиля, который нужно отключить, wp_dequeue_style не сработает. Проверьте исходный код или используйте плагин Query Monitor для просмотра подключенных стилей.
• Подключение шрифтов из нескольких источников. Некоторые темы и плагины могут загружать Google Fonts дополнительно. Отключайте их по отдельности.
• Отсутствие локального шрифта. Если просто отключить Google Fonts и не подключить локальный эквивалент, сайт может отображаться некорректно.

Практические советы по безопасности и производительности

• Локальное хранение шрифтов уменьшает зависимость от внешних сервисов и ускоряет загрузку.
• Оптимизируйте форматы шрифтов: используйте WOFF2 для современных браузеров, WOFF для совместимости.
• Минимизируйте CSS для @font-face: включайте только нужные начертания и языковые наборы.
• Используйте preload для шрифтов: добавьте в head тег <link rel="preload" as="font" crossorigin href="/fonts/local-font.woff2"> для ускорения рендеринга.

Сравнение вариантов отключения Google Fonts