Emoji — это популярные графические символы, которые WordPress по умолчанию загружает на все страницы сайта. Несмотря на их популярность, подключение Emoji-файлов замедляет загрузку страницы и увеличивает количество HTTP-запросов. В этой статье разберём, как отключить Emoji в WordPress, чтобы улучшить производительность сайта и оптимизировать код.
Почему стоит отключить Emoji в WordPress: влияние на скорость и ресурсы
По умолчанию WordPress добавляет несколько скриптов и стилей для поддержки Emoji в браузерах, где их нет или они отображаются некорректно. Эти ресурсы загружаются на каждую страницу, увеличивая время загрузки и расход трафика. Особенно это критично для сайтов с высокой посещаемостью или ограниченными ресурсами хостинга.
По данным тестов PageSpeed Insights и GTmetrix, отключение Emoji позволяет сократить время загрузки страницы на 100-200 мс и уменьшить число запросов на 1-2, что положительно сказывается на SEO и пользовательском опыте.
Если ваш сайт не использует Emoji или вы предпочитаете использовать их через собственные изображения или шрифты, отключение штатной поддержки WordPress — правильное решение.
Как отключить Emoji с помощью кода: практическое руководство
Отключить Emoji можно с помощью добавления простого кода в файл functions.php вашей темы или в плагин для пользовательских функций. Мы создадим функцию wpbloger_disable_emoji, которая удалит все связанные с Emoji действия и фильтры.
<?php
function wpbloger_disable_emoji() {
// Отключаем загрузку скриптов emoji
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('admin_print_scripts', 'print_emoji_detection_script');
// Отключаем загрузку стилей emoji
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action('admin_print_styles', 'print_emoji_styles');
// Отключаем фильтры для контента
remove_filter('the_content_feed', 'wp_staticize_emoji');
remove_filter('comment_text_rss', 'wp_staticize_emoji');
remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
// Отключаем DNS prefetch для emoji
add_filter('emoji_svg_url', '__return_false');
}
add_action('init', 'wpbloger_disable_emoji');
?>Этот код полностью отключит загрузку Emoji-скриптов и стилей как на фронтенде, так и в админке WordPress.
Пояснения по коду
remove_action('wp_head', 'print_emoji_detection_script', 7);— удаляет скрипт Emoji из заголовка сайта.remove_action('wp_print_styles', 'print_emoji_styles');— удаляет стили Emoji.- Фильтры
remove_filter('the_content_feed', 'wp_staticize_emoji');и подобные отключают автоматическую замену Emoji в RSS и email. add_filter('emoji_svg_url', '__return_false');предотвращает загрузку внешнего SVG-файла с Emoji.
Использование плагинов для отключения Emoji
Если вы не хотите добавлять код вручную, можно воспользоваться плагинами, которые оптимизируют загрузку и отключают Emoji. Например:
- Disable Emojis — лёгкий и простой плагин для отключения Emoji без лишних настроек.
- Clearfy Pro — многофункциональный плагин для оптимизации сайта, в котором есть функция отключения Emoji и других ненужных скриптов.
Использование плагина особенно удобно, если вы не хотите редактировать тему напрямую или планируете отключить Emoji на нескольких сайтах.
Проверка результата и отладка
После добавления кода или установки плагина важно проверить, что Emoji действительно отключены и сайт работает корректно:
- Откройте исходный код страницы (через «Просмотр кода» в браузере) и убедитесь, что нет скриптов
wp-emoji-release.min.js. - Запустите тест производительности на Google PageSpeed Insights или GTmetrix — должно быть меньше запросов и лучшее время загрузки.
- Проверьте комментарии и RSS-ленту — Emoji не должны автоматически конвертироваться.
Дополнительные советы по оптимизации загрузки ресурсов в WordPress
Отключение Emoji — только один из способов ускорить сайт. Дополнительно рекомендуется:
- Отключать ненужные скрипты и стили других плагинов.
- Использовать кеширование и CDN.
- Оптимизировать изображения и шрифты.
- Минимизировать и объединять CSS/JS файлы.
Для комплексной оптимизации можно использовать Clearfy Pro, который позволяет тонко настраивать загрузку скриптов и удалять ненужные функции WordPress: https://wpshop.ru/plugins/clearfy-pro/