Как удалить или отключить Emoji в WordPress для ускорения сайта

Emoji — это популярные графические символы, которые WordPress по умолчанию загружает для отображения в комментариях, постах и других местах. Хотя они делают контент более выразительным, подключение скриптов и стилей Emoji увеличивает количество HTTP-запросов и размер страниц, что негативно влияет на скорость загрузки сайта. Особенно это заметно на проектах с высокой посещаемостью и ограниченными ресурсами сервера.

Почему стоит отключать Emoji в WordPress? Оптимизация скорости и уменьшение нагрузки

Главная причина отключения Emoji — уменьшение количества запросов к серверу и снижение объема загружаемых данных. По умолчанию WordPress подключает JavaScript файл wp-emoji-release.min.js и стили для поддержки Emoji в браузерах, которые их не поддерживают. Если вы не используете Emoji активно или хотите максимально ускорить сайт, их отключение — простой и эффективный способ.

Кроме того, отключение Emoji помогает:

• Снизить время загрузки страниц;
• Уменьшить нагрузку на сервер (меньше запросов и обработок);
• Избавиться от внешних запросов, которые могут блокировать рендеринг;
• Повысить оценку в сервисах проверки скорости (PageSpeed Insights, GTmetrix).

Если вы используете плагин для кеширования или оптимизации, отключение Emoji дополнительно улучшит результаты.

Как отключить Emoji с помощью кода: практические примеры

Самый простой способ — добавить код в файл functions.php вашей темы или создать небольшой плагин. Ниже пример функции wpfind_disable_emojis, которая отключает все загрузки Emoji в WordPress.

function wpfind_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', 'wpfind_disable_emojis_tinymce');
    add_filter('wp_resource_hints', 'wpfind_disable_emojis_remove_dns_prefetch', 10, 2);
}
add_action('init', 'wpfind_disable_emojis');

function wpfind_disable_emojis_tinymce($plugins) {
    if (is_array($plugins)) {
        return array_diff($plugins, array('wpemoji'));
    } else {
        return array();
    }
}

function wpfind_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 в фронтенде и админке;
• Удаляет поддержку Emoji из редактора TinyMCE;
• Убирает DNS-prefetch для ресурсов Emoji, чтобы браузер не пытался заранее загрузить их.

Добавьте этот код в functions.php активной темы или создайте плагин для удобства поддержки и переносимости.

Отключение Emoji с помощью плагинов: обзор и рекомендации

Если вы не хотите работать с кодом, существуют плагины, которые легко отключают Emoji и оптимизируют сайт:

• Disable Emojis (Official) — легкий и популярный плагин, который отключает Emoji без лишних настроек.
• Clearfy Pro — плагин для комплексной оптимизации WordPress, включает возможность отключения Emoji и многих других ненужных функций. Подробнее о Clearfy Pro на wpshop.ru.
• WP Rocket — плагин кеширования с функцией оптимизации загрузки скриптов, позволяет отключить Emoji среди прочих ресурсов.

Использование плагинов удобно, если вы не хотите редактировать код или нужно быстро отключить Emoji на нескольких сайтах.

Проверка успешного отключения Emoji и тестирование производительности

После внедрения кода или установки плагина проверьте, что Emoji действительно отключены:

• Откройте исходный код страницы (Ctrl+U) и убедитесь, что нет ссылок на wp-emoji-release.min.js и стилей Emoji.
• Проверьте консоль разработчика (F12) на предмет отсутствия ошибок, связанных с Emoji.
• Протестируйте скорость загрузки через PageSpeed Insights или GTmetrix. Должно быть заметное улучшение показателей.

Если на сайте используется CDN (Content Delivery Network), очистите кеш и убедитесь, что изменения применились.

Дополнительные советы по оптимизации загрузки скриптов и стилей в WordPress

Отключение Emoji — это только часть общей оптимизации. Чтобы улучшить скорость сайта, рассмотрите следующие методы:

• Отключите ненужные скрипты и стили, загружаемые плагинами и темой.
• Используйте отложенную загрузку (lazy load) для изображений и видео.
• Применяйте кеширование страниц и браузерное кеширование.
• Минифицируйте CSS и JavaScript файлы.
• Используйте современные форматы изображений (WebP).

Плагины вроде Clearfy Pro или WPRemark помогут автоматизировать многие из этих задач.