Emoji — это удобный и популярный способ выражения эмоций в текстах, однако по умолчанию WordPress загружает дополнительные скрипты и стили для поддержки Emoji, что может влиять на скорость загрузки сайта. В этой статье мы рассмотрим, как эффективно отключить Emoji в WordPress, чтобы улучшить производительность, снизить количество HTTP-запросов и ускорить отображение страниц.
Что такое Emoji в WordPress и почему их стоит отключать?
WordPress начиная с версии 4.2 автоматически включает поддержку Emoji с помощью JavaScript и стилей. Это позволяет корректно отображать смайлики в браузерах, которые изначально их не поддерживают. Однако для большинства современных браузеров такая поддержка не нужна, а загружаемые файлы увеличивают время загрузки страницы и нагрузку на сервер.
Отключение Emoji полезно, если вы стремитесь к максимальной оптимизации сайта, хотите снизить количество запросов и использовать только необходимые ресурсы.
Кроме того, отключение Emoji особенно актуально для сайтов с большим трафиком, где каждая миллисекунда загрузки влияет на поведение пользователей и SEO.
Как отключить Emoji вручную с помощью кода?
Удаление Emoji скриптов и стилей
Чтобы отключить Emoji, нужно убрать подключение скриптов и стилей, а также фильтры, которые вставляют Emoji в контент и RSS-ленты. Ниже пример функции с префиксом wpmake_, которую можно добавить в файл functions.php вашей темы или в плагин для кастомизации:
function wpmake_disable_emojis() {
// Удаляем скрипт 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');
// Убираем фильтры из контента и RSS
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');
// Отключаем TinyMCE плагин emoji
add_filter('tiny_mce_plugins', 'wpmake_disable_emojis_tinymce');
// Отключаем DNS prefetch для emoji
add_filter('emoji_svg_url', '__return_false');
}
add_action('init', 'wpmake_disable_emojis');
function wpmake_disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
} else {
return array();
}
}Этот код полностью отключит загрузку Emoji-скриптов и стилей, а также уберет поддержку Emoji в редакторе TinyMCE.
Использование плагинов для отключения Emoji
Если вы не хотите работать с кодом, можно воспользоваться специализированными плагинами для оптимизации и очистки WordPress:
- Disable Emojis — простой плагин, который отключает Emoji одним кликом.
- Clearfy Pro — комплексный инструмент для оптимизации WordPress, в том числе отключающий Emoji и другие ненужные элементы.
Преимущество плагинов — легкость в использовании и возможность быстрого включения/отключения функции без правки кода.
Проверка результата и дополнительные советы по оптимизации
После отключения Emoji рекомендуется проверить, что на сайте больше не загружаются скрипты wp-emoji-release.min.js и соответствующие стили. Это можно сделать через инструменты разработчика в браузере (DevTools) во вкладке Network.
Для дополнительной оптимизации используйте плагины кеширования и сжатия, например, WP Rocket или встроенные функции Clearfy Pro.
Если вы используете редактор Gutenberg, отключение Emoji не повлияет на его работу, но если в будущем появятся проблемы, можно дополнительно проверить совместимость.
Заключение: стоит ли отключать Emoji и когда?
Отключение Emoji в WordPress — простая и эффективная мера для уменьшения загрузки сайта и повышения скорости отображения страниц. Особенно полезна для ресурсов, ориентированных на производительность и SEO.
Если на вашем сайте нет нужды в отображении Emoji для старых браузеров, отключайте их без сомнений.
Используйте приведенный код или плагины, чтобы выбрать подходящий способ, и убедитесь, что после изменений сайт работает корректно и быстро.