Как отключить загрузку шрифтов в WordPress для ускорения сайта

Одной из частых причин замедления загрузки сайта на WordPress является подгрузка сторонних шрифтов, таких как Google Fonts или шрифтов из тем и плагинов. Особенно актуально это для сайтов, которые стремятся к максимальной скорости и лучшему показателю Core Web Vitals. В этой статье мы разберём, как эффективно отключить загрузку ненужных шрифтов в WordPress, чтобы ускорить загрузку страниц, с примерами кода и рекомендациями по плагинам.

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

Шрифты, особенно внешние, загружаются отдельными HTTP-запросами и увеличивают время отклика страницы. Если эти шрифты используются неактивно или частично, это просто тратит ресурсы без пользы.

Кроме того, загрузка внешних шрифтов может привести к блокированию рендеринга страницы, что негативно сказывается на опыте пользователя и SEO. Уменьшение количества запросов и объёма загружаемых данных напрямую повышает скорость.

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

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

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

  • Открыть сайт в браузере, нажать F12 и перейти во вкладку Network – отфильтровать по font. Так вы увидите, какие файлы шрифтов загружаются.
  • Использовать инструменты, такие как Google PageSpeed Insights или GTmetrix, которые покажут, какие ресурсы тормозят загрузку.
  • Проверить исходный код темы и активных плагинов на наличие вызовов enqueue Google Fonts или других шрифтов.

Чаще всего шрифты подгружаются из таких источников как Google Fonts API, Adobe Fonts, или встроены в тему через enqueue.

Отключение загрузки Google Fonts в WordPress с помощью кода

Если вы хотите убрать загрузку Google Fonts, которую подключает тема или плагин, то проще всего сделать это с помощью удаления соответствующих стилей с помощью wp_dequeue_style и wp_deregister_style. Пример функции для файла functions.php вашей темы:

function wptests_dequeue_google_fonts() {
    // Замените 'google-fonts' на ID стиля, который подключает шрифты в вашей теме
    wp_dequeue_style('google-fonts');
    wp_deregister_style('google-fonts');
}
add_action('wp_enqueue_scripts', 'wptests_dequeue_google_fonts', 20);

Чтобы узнать точный ID, посмотрите в исходном коде темы или плагина, где подключаются Google Fonts. Иногда тема подключает их через wp_enqueue_style('twentytwenty-fonts', ...) или подобное название. Подставьте реальный ID.

Этот способ универсален и не требует установки плагинов, но требует понимания структуры вашей темы.

Отключение Google Fonts через плагин Clearfy Pro

Если вы используете плагин Clearfy Pro, то там есть удобный модуль для отключения Google Fonts, а также других ненужных скриптов и стилей, которые замедляют сайт.

В Clearfy Pro достаточно активировать опцию «Отключить Google Fonts», и плагин автоматически удалит все вызовы шрифтов из темы и плагинов. Это отличный вариант для тех, кто не хочет лезть в код.

Локальная загрузка шрифтов вместо Google Fonts

Если вы хотите сохранить дизайн, но убрать внешние запросы, можно скачать необходимые шрифты и загрузить их локально на сервер, подключив через @font-face. Это позволит полностью контролировать загрузку и ускорит сайт.

Пример подключения локального шрифта в style.css вашей темы:

@font-face {
    font-family: 'WPTestsLocalFont';
    src: url('/wp-content/themes/your-theme/fonts/WPTestsLocalFont.woff2') format('woff2'),
         url('/wp-content/themes/your-theme/fonts/WPTestsLocalFont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
body {
    font-family: 'WPTestsLocalFont', Arial, sans-serif;
}

Для автоматизации скачивания и генерации локальных шрифтов можно использовать инструменты, например, Google Webfonts Helper.

Отключение шрифтов, встроенных в темы и плагины

Некоторые темы и плагины подключают свои наборы шрифтов. Чтобы убрать их, нужно найти соответствующие вызовы wp_enqueue_style и отключить их. Пример:

function wptests_remove_plugin_fonts() {
    wp_dequeue_style('plugin-fonts'); // Замените plugin-fonts на реальный ID
    wp_deregister_style('plugin-fonts');
}
add_action('wp_enqueue_scripts', 'wptests_remove_plugin_fonts', 20);

Если ID неизвестны, можно использовать функцию wp_styles()->queue для вывода всех очередей стилей в текущем запросе и определить нужные.

Как вывести все зарегистрированные стили

function wptests_list_all_styles() {
    global $wp_styles;
    echo '<pre>';
    print_r($wp_styles->queue);
    echo '</pre>';
}
add_action('wp_footer', 'wptests_list_all_styles', 100);

После определения нужных ID вы сможете отключить ненужные шрифты.

Дополнительные рекомендации по ускорению загрузки шрифтов

Помимо отключения ненужных шрифтов, рекомендуем:

  • Использовать font-display: swap; в CSS для предотвращения блокировки рендеринга.
  • Минимизировать количество шрифтов и начертаний, используемых на сайте.
  • Кэшировать шрифты на стороне сервера и использовать HTTP/2.
  • Оптимизировать CSS, удаляя неиспользуемые правила.

Пример CSS с font-display

@font-face {
    font-family: 'WPTestsLocalFont';
    src: url('/wp-content/themes/your-theme/fonts/WPTestsLocalFont.woff2') format('woff2');
    font-display: swap;
}

Заключение

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

Локальная загрузка шрифтов и правильное использование CSS font-display сделают ваш сайт быстрее и удобнее для посетителей. Регулярно проверяйте ресурсы сайта и оптимизируйте их, чтобы поддерживать высокий уровень производительности.

Как использовать nonces в WordPress для защиты от CSRF атак
02.04.2026
Как использовать REST API для создания кастомных приложений в WordPress
13.11.2025
WooCommerce: автоматическое изменение стоимости товара при смене вариации
11.06.2026
Установка и настройка WooCommerce для продажи цифровых товаров
24.04.2026
Как установить лимит для загрузки файлов в WordPress
19.03.2026