Emoji — это милые иконки, которые делают общение в интернете ярче, но в WordPress они добавляются по умолчанию и могут замедлять загрузку страниц. В этой статье мы подробно разберем, как отключить Emoji в WordPress, чтобы улучшить производительность сайта и уменьшить количество загружаемых скриптов и стилей.
Почему стоит отключить Emoji в WordPress
В WordPress для поддержки Emoji используется скрипт и стили, которые подключаются на каждой странице. Это увеличивает время загрузки, особенно если ваш сайт уже нагружен другими плагинами и скриптами. Если вы не используете Emoji или хотите оптимизировать скорость, отключение этих элементов — отличный способ.
Также отключение Emoji помогает снизить количество HTTP-запросов, что положительно влияет на SEO и пользовательский опыт.
Методы отключения Emoji в WordPress
Есть несколько способов убрать Emoji с сайта, от простых до более продвинутых. Рассмотрим каждый подробно.
1. Отключение Emoji с помощью кода в functions.php
Самый популярный способ — добавить код в файл functions.php вашей темы (желательно дочерней), который уберет все подключения Emoji.
function wpvip_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', 'wpvip_disable_emojis_tinymce');
}
add_action('init', 'wpvip_disable_emojis');
function wpvip_disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
} else {
return array();
}
}
Этот код удаляет все скрипты, стили и фильтры, связанные с Emoji, а также отключает поддержку в редакторе TinyMCE.
2. Отключение Emoji с помощью плагина Clearfy
Если вы используете плагин Clearfy от WPSHOP, то отключение Emoji можно выполнить в пару кликов. В Clearfy есть модуль оптимизации, где можно просто выключить Emoji, а также отключить другие ненужные функции WordPress.
Это удобно для тех, кто не хочет редактировать код и хочет комплексно оптимизировать сайт.
3. Отключение Emoji через фильтр wp_resource_hints
WordPress добавляет ресурс для Emoji через wp_resource_hints, что тоже можно убрать для полной очистки.
function wpvip_remove_emoji_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;
}
add_filter('wp_resource_hints', 'wpvip_remove_emoji_dns_prefetch', 10, 2);
Этот код удалит DNS-поиск для Emoji ресурсов, что полезно для оптимизации загрузки.
Проверка результата и рекомендации
После отключения Emoji желательно проверить, что скрипты и стили Emoji действительно не загружаются. Для этого откройте исходный код страницы (Ctrl+U) и найдите wp-emoji-release.min.js. Если его нет, значит отключение прошло успешно.
Также проверьте консоль браузера, чтобы убедиться, что нет ошибок, связанных с Emoji.
Если используете кеширование, очистите кеш после внесения изменений.
Заключение по отключению Emoji
Отключение Emoji — простой, но эффективный способ улучшить производительность WordPress-сайта, особенно на проектах с высокой посещаемостью. Кодовый способ подходит для разработчиков, а Clearfy — для тех, кто предпочитает готовые решения.
Используйте приведенные методы на wpvip.ru, чтобы сделать сайт быстрее и чище от ненужных скриптов.