Emoji — это популярный способ добавить выразительности в текст, однако в WordPress по умолчанию загружается скрипт и стили для поддержки Emoji, что может замедлять загрузку сайта и увеличивать количество HTTP-запросов. В этой статье мы рассмотрим, как отключить Emoji в WordPress быстро и эффективно, чтобы оптимизировать производительность вашего сайта.
Почему стоит отключить Emoji в WordPress
По умолчанию WordPress добавляет поддержку Emoji через подключение JavaScript и CSS файлов. Это делает сайт немного медленнее, особенно на мобильных устройствах или при медленном соединении. Если вы не используете Emoji или хотите контролировать подключаемые ресурсы, отключение Emoji — правильное решение.
Кроме того, отключение лишних скриптов помогает улучшить показатели Core Web Vitals, что положительно сказывается на SEO и пользовательском опыте.
Как проверить, что Emoji загружаются на сайте
Чтобы убедиться, что Emoji действительно подключаются, откройте консоль разработчика в браузере (обычно F12), перейдите на вкладку Network и обновите страницу. В списке ресурсов найдите файлы с именами, содержащими wp-emoji-release.min.js или emoji.css. Если они есть — Emoji активны.
Отключение Emoji через functions.php — простой и эффективный способ
Самый популярный метод — добавить в файл functions.php вашей темы следующий код, который удалит загрузку Emoji с фронтенда и из административной панели:
<?php
function wp_kurs_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', 'wp_kurs_disable_emojis_tinymce');
}
add_action('init', 'wp_kurs_disable_emojis');
function wp_kurs_disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
}
return array();
}
?>Разберите, что здесь происходит:
- Удаляем скрипты и стили Emoji из HTML и админки.
- Отключаем фильтры, которые заменяют текстовые смайлы на Emoji в RSS и письмах.
- Удаляем плагин для TinyMCE, который добавляет поддержку Emoji в визуальном редакторе.
Этот код полностью отключит Emoji, не влияя на другие функции сайта.
Отключение Emoji с помощью плагина Clearfy
Если вы предпочитаете не править код вручную, можно использовать плагин Clearfy Pro, который позволяет управлять множеством оптимизаций, включая отключение Emoji. Для этого:
- Установите и активируйте Clearfy Pro.
- Перейдите в настройки плагина, раздел «Оптимизация».
- Найдите опцию «Отключить Emoji» и активируйте её.
Clearfy автоматически добавит необходимые фильтры и удалит Emoji из загрузки.
Дополнительные советы по оптимизации загрузки Emoji
Если вы хотите оставить Emoji, но сократить нагрузку, можно использовать альтернативные методы:
- Заменить стандартные Emoji на SVG-иконки: это уменьшит количество HTTP-запросов и сделает загрузку более быстрой.
- Загружать Emoji асинхронно: с помощью кастомных скриптов можно отложить загрузку Emoji, чтобы не блокировать рендеринг страницы.
- Использовать CDN для Emoji: если вы используете популярные библиотеки Emoji, подключайте их с CDN для кэширования и ускорения.
Проверка результатов и влияние на производительность
После отключения Emoji обязательно проверьте работу сайта и его скорость. Используйте инструменты, такие как Google PageSpeed Insights или GTmetrix, чтобы сравнить показатели до и после изменений.
Вы заметите снижение количества загружаемых ресурсов и уменьшение времени загрузки страницы, что положительно скажется на общем опыте пользователей.
Итоги и лучшие практики
Отключение Emoji — простой и быстрый способ оптимизировать WordPress-сайт. Рекомендуется использовать код из functions.php для полного контроля или плагин Clearfy для удобства. Помните, что любые изменения стоит тестировать на тестовом сайте, чтобы избежать сбоев.
Если вы хотите углубленно оптимизировать сайт, рассмотрите комплексные решения, включая отключение других ненужных скриптов и плагинов.