Emoji — это красивые иконки, которые WordPress автоматически загружает на страницы сайта, чтобы отображать смайлы. Однако, для многих проектов загрузка скриптов и стилей Emoji не нужна, и она создает дополнительные запросы к серверу, что замедляет загрузку страниц.
В этой статье мы подробно разберем, как отключить Emoji в WordPress, чтобы ускорить работу сайта, а также рассмотрим примеры кода для добавления в файл functions.php и пару полезных плагинов для этой задачи.
Почему стоит отключить Emoji в WordPress: влияние на скорость и производительность
По умолчанию WordPress загружает скрипты и стили для поддержки Emoji, включая файлы с сервера twemoji.maxcdn.com. Это увеличивает число HTTP-запросов и вес страницы. Особенно это критично для сайтов с большим трафиком или на слабом хостинге.
Отключение Emoji:
- Уменьшает количество запросов к внешним ресурсам;
- Снижает объем загружаемых данных;
- Ускоряет загрузку страниц;
- Улучшает показатели Core Web Vitals;
- Повышает безопасность — меньше подключения внешних скриптов.
Если вы не используете Emoji в контенте, отключение их загрузки — простой и эффективный способ оптимизации.
Как отключить Emoji вручную: добавляем код в functions.php
Самый распространенный и надежный способ — добавить в файл functions.php вашей темы следующий код:
function wordpresses_disable_emojis() {
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('admin_print_scripts', 'print_emoji_detection_script');
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');
add_filter('tiny_mce_plugins', 'wordpresses_disable_emojis_tinymce');
}
add_action('init', 'wordpresses_disable_emojis');
function wordpresses_disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
} else {
return array();
}
}Этот код удаляет все действия и фильтры, связанные с Emoji, включая поддержку в редакторе TinyMCE (визуальный редактор). После добавления и сохранения изменений Emoji перестанут загружаться.
Обратите внимание, что изменения применятся как на фронтенде, так и в админке, что снизит нагрузку на сервер и улучшит скорость.
Отключение Emoji через плагины: удобство и дополнительные функции
Если вы не хотите редактировать код вручную или хотите иметь возможность быстро включать и отключать Emoji, можно воспользоваться плагинами:
- Clearfy — популярный плагин для оптимизации WordPress, который позволяет отключить Emoji одним кликом. Подробнее о плагине можно узнать на официальной странице Clearfy.
- Disable Emojis — легкий и простой плагин, который отключает все скрипты и стили Emoji. Устанавливается из репозитория WordPress и не требует настройки.
Использование плагинов удобно, если вы хотите быстро оптимизировать сайт без погружения в код.
Проверка отключения Emoji и дополнительные советы по оптимизации
Чтобы проверить, отключились ли Emoji, откройте исходный код страницы и найдите ссылки на wp-emoji-release.min.js или twemoji.maxcdn.com. Если их нет — все сделано правильно.
Для дополнительной оптимизации советуем:
- Использовать кэширование страниц и браузера;
- Минифицировать CSS и JS файлы;
- Оптимизировать изображения;
- Проверять сайт через инструменты Google PageSpeed Insights или GTmetrix.
В совокупности с отключением Emoji это даст существенный прирост скорости.
Выводы
Отключение Emoji — это простой и эффективный способ улучшить производительность WordPress сайта, особенно если вы не используете эти иконки в контенте. Добавление нескольких строк кода в functions.php или установка плагина решает эту задачу быстро и безболезненно.
Если хотите плагин с большим набором инструментов для оптимизации, обратите внимание на Clearfy, который кроме Emoji умеет многое другое.