Emoji — это популярный способ выразить эмоции и сделать контент более живым. Однако, встроенная поддержка Emoji в WordPress добавляет дополнительные скрипты и стили, которые загружаются на каждую страницу вашего сайта. Это увеличивает количество HTTP-запросов и замедляет загрузку страниц, особенно на мобильных устройствах и при медленном интернет-соединении.
Почему стоит отключить Emoji в WordPress
По умолчанию WordPress загружает несколько файлов для поддержки Emoji, включая JavaScript и CSS. Это может привести к:
- Увеличению времени загрузки страницы;
- Повышенной нагрузке на сервер;
- Увеличению размера страницы;
- Потере производительности, особенно на сайтах с большим трафиком.
Если ваш сайт не использует Emoji или вы хотите максимально оптимизировать скорость, отключение этой функции — простой и эффективный способ.
Как отключить Emoji вручную с помощью кода
Для удаления Emoji из WordPress можно добавить специальный код в файл functions.php вашей темы или в плагин с пользовательскими функциями. Вот пример функции, которая отключит все скрипты и стили, связанные с Emoji:
function wpdo_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', 'wpdo_disable_emojis_tinymce');
add_filter('wp_resource_hints', 'wpdo_disable_emojis_remove_dns_prefetch', 10, 2);
}
add_action('init', 'wpdo_disable_emojis');
function wpdo_disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
} else {
return array();
}
}
function wpdo_disable_emojis_remove_dns_prefetch($urls, $relation_type) {
if ('dns-prefetch' === $relation_type) {
$emoji_svg_url = 'https://s.w.org/images/core/emoji/';
foreach ($urls as $key => $url) {
if (strpos($url, $emoji_svg_url) !== false) {
unset($urls[$key]);
}
}
}
return $urls;
}Этот код полностью отключит Emoji в фронтенде и админке, а также удалит предзагрузку ресурсов с сервера WordPress.
Использование плагинов для отключения Emoji
Если вы не хотите править код вручную, существуют плагины, которые помогут быстро отключить Emoji:
- Disable Emojis (Emoji Control) — легкий плагин, который отключает все скрипты и стили Emoji, улучшая скорость загрузки.
- Clearfy Pro — мощный плагин оптимизации, который среди прочих функций позволяет отключать Emoji и другие ненужные скрипты. Подробнее: Clearfy Pro на WPSHOP.
Эти плагины подойдут, если вы хотите сохранять обновляемость ядра WordPress без риска случайно повредить код.
Проверка эффективности удаления Emoji
После отключения Emoji рекомендуется проверить скорость загрузки сайта и убедиться, что данные скрипты действительно не загружаются. Для этого можно использовать инструменты:
- Google PageSpeed Insights — покажет, насколько ускорился сайт и есть ли рекомендации по оптимизации.
- GTmetrix — даст подробный отчет о загрузке ресурсов.
- DevTools в браузере — вкладка Network покажет, что скрипты emoji не загружаются.
Если вы видите, что файлы emoji.js и emoji.css отсутствуют, значит задача решена успешно.
Дополнительные советы по оптимизации загрузки скриптов и стилей в WordPress
Удаление Emoji — лишь один из шагов. Чтобы максимально ускорить сайт, рекомендую обратить внимание на:
- Удаление ненужных плагинов и тем;
- Оптимизацию и минификацию CSS и JS;
- Использование кэширования с помощью плагинов, например, Clearfy Pro или других современных решений;
- Отложенную загрузку скриптов, которые не нужны сразу;
- Использование CDN для статики;
- Оптимизацию изображений.
Все эти методы в комплексе помогут сделать ваш сайт на WordPress быстрым и удобным для пользователей.