Emoji активно используются в современных текстах, но в WordPress их поддержка подключается по умолчанию через встроенные скрипты и стили. Это приводит к дополнительным HTTP-запросам и увеличивает время загрузки страниц, что негативно сказывается на производительности сайта. В этой статье подробно разберем, как отключить Emoji в WordPress с помощью кода и плагинов, а также рассмотрим, когда это действительно полезно.
Почему стоит отключить Emoji в WordPress? Влияние на скорость загрузки
В WordPress с версии 4.2 по умолчанию подключаются скрипты и стили для поддержки Emoji — это отдельный JavaScript файл и шрифты, которые загружаются на каждую страницу. Для сайтов, где Emoji не используются или используются редко, это лишняя нагрузка. По статистике, подключение Emoji может добавить до 10-20 Кб к размеру страницы и увеличить количество запросов, что отражается на скорости.
Для улучшения Core Web Vitals и снижения времени отклика сервера хорошо отключать Emoji, особенно если вы стремитесь к максимально быстрой загрузке. Однако если на сайте Emoji являются частью контента и активно используются, отключать их не стоит.
Способы отключения Emoji в WordPress
1. Отключение Emoji с помощью кода в functions.php
Самый популярный и легкий способ отключить Emoji — добавить следующий код в файл functions.php вашей темы или в плагин с пользовательскими функциями:
function wpcontent_disable_wp_emojicons() {
// Отключаем скрипты и стили Emoji
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action('admin_print_scripts', 'print_emoji_detection_script');
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');
// Отключаем DNS prefetch для emoji
add_filter('emoji_svg_url', '__return_false');
}
add_action('init', 'wpcontent_disable_wp_emojicons');Этот код удаляет все подключения Emoji для фронтенда и админки, а также убирает связанные фильтры. После добавления кода Emoji перестанут загружаться и обрабатываться в вашем WordPress.
2. Использование плагина Clearfy для отключения Emoji
Если вы предпочитаете графический интерфейс, можно использовать популярный плагин Clearfy Pro. В нем есть отдельная опция для отключения Emoji, а также множество других настроек оптимизации.
Clearfy позволяет быстро и безопасно отключить Emoji без редактирования кода, а также улучшить безопасность и производительность сайта.
Как проверить, что Emoji отключены?
После внесения изменений рекомендуется проверить исходный код страниц сайта. Если отключение прошло успешно, вы не увидите в <head> следующие строки:
print_emoji_detection_scriptprint_emoji_styles- Ссылки на emoji CSS и JS файлы, например
wp-emoji-release.min.js
Также можно использовать инструменты вроде Chrome DevTools или онлайн-сервисы для тестирования скорости и проверки количества запросов.
Дополнительные советы по оптимизации Emoji и производительности
Загрузка Emoji через CDN
Если вы хотите оставить поддержку Emoji, но снизить нагрузку, можно подключать шрифты и скрипты Emoji через CDN. Однако это требует дополнительной настройки и не всегда оправдано.
Удаление Emoji из базы данных
Если на сайте уже есть много записей с Emoji, и вы хотите их убрать, можно использовать SQL-запросы для удаления или замены символов. Но будьте осторожны и делайте резервные копии перед такими операциями.
Использование кеширования и оптимизации
Отключение Emoji — лишь одна из мер для ускорения WordPress. Рекомендуется также использовать кеширование, сжатие и другие методы оптимизации. Плагин Clearfy отлично подходит для комплексного улучшения сайта.
Итоговые рекомендации
Отключение Emoji в WordPress — простая, но эффективная мера для оптимизации скорости. Особенно актуальна для сайтов без активного использования Emoji в контенте. Используйте приведенный выше код или плагин Clearfy, чтобы легко отключить лишние скрипты и стили.
Таким образом, вы уменьшите количество запросов, снизите нагрузку на сервер и улучшите пользовательский опыт на сайте.