В современном веб-разработке скорость загрузки сайта критична для пользовательского опыта и SEO. Одним из факторов, замедляющих загрузку страниц WordPress-сайта, может быть загрузка сторонних шрифтов, таких как Google Fonts или шрифтов, встроенных в темы и плагины. В этой статье рассмотрим, как правильно удалить или отключить загрузку шрифтов в WordPress, чтобы ускорить рендеринг страниц и снизить количество запросов.
Почему важно отключать ненужные шрифты в WordPress
Многие популярные темы и плагины автоматически подключают шрифты Google Fonts или другие веб-шрифты через <link> или @import. Это увеличивает время загрузки за счет дополнительных HTTP-запросов, блокирует отображение текста (FOIT или FOUT) и ухудшает производительность, особенно на мобильных устройствах и медленных соединениях.
Удаление ненужных шрифтов позволит:
- Снизить количество внешних запросов;
- Уменьшить время отрисовки страницы;
- Повысить оценку по Core Web Vitals;
- Снизить нагрузку на сервер;
- Улучшить безопасность — меньше внешних подключений.
Как определить, какие шрифты загружаются на сайте
Перед отключением важно понять, какие именно шрифты загружаются и откуда. Для этого используйте инструменты разработчика в браузере:
- Откройте сайт в Google Chrome;
- Нажмите F12 или Ctrl+Shift+I для открытия панели разработчика;
- Перейдите во вкладку Network (Сеть);
- Обновите страницу и отфильтруйте запросы по «font» или посмотрите запросы к
fonts.googleapis.comи другим источникам; - Можно также проверить вкладку Elements (Элементы) — посмотреть в
<head>на подключения шрифтов.
Отключение загрузки Google Fonts в WordPress через functions.php
Самый простой способ — запретить загрузку Google Fonts программно. Обычно шрифты подключаются через функцию wp_enqueue_style в теме или плагинах. Мы можем удалить эти стили, если знаем их хендлы.
Пример кода для wpmark.ru:
function wpmark_remove_google_fonts() {
// Пример удаления стиля с хендлом 'twentytwentyone-fonts' у стандартной темы
wp_dequeue_style('twentytwentyone-fonts');
wp_deregister_style('twentytwentyone-fonts');
// Удаление Google Fonts, подключаемых плагинами
wp_dequeue_style('plugin-google-fonts');
wp_deregister_style('plugin-google-fonts');
}
add_action('wp_enqueue_scripts', 'wpmark_remove_google_fonts', 20);Вы должны заменить 'twentytwentyone-fonts' и 'plugin-google-fonts' на реальные хендлы, которые найдете через отладчик или документацию темы/плагина.
Отключение Google Fonts в популярных плагинах и темах
Некоторые темы и плагины предоставляют фильтры для отключения шрифтов. Рассмотрим примеры.
Для темы Root
В теме Root можно добавить в functions.php:
add_filter('root_load_google_fonts', '__return_false');Это отключит автоматическую загрузку Google Fonts.
Плагин Clearfy Pro
В Clearfy Pro есть специальная опция для отключения Google Fonts и других внешних загрузок в разделе оптимизации. Это простой способ для тех, кто не хочет писать код.
Альтернативы загрузке шрифтов — локальное размещение и системные шрифты
Если вы хотите сохранить дизайн с использованием кастомных шрифтов, рекомендуем загрузить файлы шрифтов на свой сервер и подключать их локально через @font-face. Это уменьшит зависимость от внешних сервисов и ускорит загрузку.
Пример подключения локального шрифта:
@font-face {
font-family: 'MyFont';
src: url('/wp-content/themes/your-theme/fonts/myfont.woff2') format('woff2'),
url('/wp-content/themes/your-theme/fonts/myfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'MyFont', Arial, sans-serif;
}Также стоит рассмотреть использование системных шрифтов — они уже есть на устройстве пользователя и не требуют загрузки. Хороший набор для body:
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;Полезные плагины для управления шрифтами и оптимизации
Если вы не хотите вручную трогать код, есть плагины, которые помогут:
- Disable Google Fonts — простое отключение загрузки Google Fonts на сайте.
- OMGF — скачивает и локально размещает Google Fonts.
- Clearfy Pro — многофункциональный плагин с опцией отключения и оптимизации загрузки шрифтов.
Например, для Clearfy Pro достаточно перейти в раздел оптимизации и включить опцию отключения Google Fonts — это самый простой и безопасный способ.
Резюме и рекомендации
Удаление загрузки шрифтов в WordPress — эффективный шаг для ускорения сайта. Лучше всего комбинировать методы:
- Проанализировать, какие шрифты загружаются;
- Отключить ненужные с помощью кода или плагинов;
- При необходимости локально разместить нужные шрифты;
- Использовать системные шрифты для базового текста;
- Тестировать сайт после изменений на скорость и отображение.
Помните, что правильная оптимизация шрифтов улучшит показатели Core Web Vitals и качество пользовательского опыта, что важно для продвижения сайта.