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

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

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

По умолчанию WordPress подгружает несколько скриптов и стилей, которые обеспечивают поддержку Emoji в различных браузерах. Среди них — wp-emoji-release.min.js и набор шрифтов. Это приводит к дополнительным HTTP-запросам, увеличению веса страницы и времени отклика.

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

• Уменьшение количества запросов к серверу
• Снижение размера загружаемых страниц
• Повышение скорости загрузки и отклика сайта
• Улучшение показателей Core Web Vitals

Особенно это актуально для сайтов с высокой посещаемостью и на мобильных устройствах с медленным интернетом.

Как отключить Emoji в WordPress через код удаление Emoji скриптов и фильтров

Самый простой и надежный способ — добавить в файл functions.php вашей темы (или в файл основного плагина, если вы его используете) следующий код:

function wproot_disable_emojis() {
    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');
    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', 'wproot_disable_emojis_tinymce');
    add_filter('wp_resource_hints', 'wproot_disable_emojis_remove_dns_prefetch', 10, 2);
}

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

function wproot_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;
}

add_action('init', 'wproot_disable_emojis');

Этот код выполняет следующие задачи:

• Удаляет скрипты и стили Emoji из фронтенда и админки
• Исключает поддержку Emoji из редактора TinyMCE
• Удаляет DNS-prefetch для Emoji ресурсов

После добавления кода обновите сайт и проверьте исходный код страницы — скрипты Emoji должны исчезнуть.

Использование плагинов для отключения Emoji простой способ без кода

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

• Disable Emojis — легкий плагин, который быстро отключит все функции Emoji.
• Clearfy Pro — многофункциональный плагин для оптимизации сайта, в том числе с возможностью отключения Emoji и других ненужных скриптов.

Преимущества плагинов — это удобство, отсутствие необходимости править код и дополнительные настройки оптимизации.

Как проверить, отключены ли Emoji тестирование и диагностика

После внесения изменений важно удостовериться, что Emoji действительно отключены. Для этого:

• Откройте исходный код главной страницы (Ctrl+U или Command+U в браузере) и найдите строки с wp-emoji-release.min.js или print_emoji. Их там не должно быть.
• Используйте инструменты разработчика (F12) во вкладке Network — убедитесь, что запросы к https://s.w.org/images/core/emoji/ не выполняются.
• Проверьте работу редактора — иконки Emoji не должны автоматически заменяться в визуальном редакторе.

Если все пункты выполнены — отключение прошло успешно.

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

Отключение Emoji — это только один из шагов в оптимизации. Рекомендуется также:

• Отключать неиспользуемые скрипты и стили других плагинов, используя фильтры и хуки.
• Использовать кэширование страниц и браузерное кэширование.
• Минимизировать CSS и JavaScript с помощью плагинов типа Clearfy Pro или Autoptimize.
• Использовать CDN для быстрой доставки статики.

Комбинируя эти методы, вы значительно повысите скорость загрузки сайта и улучшите поведенческие факторы.

Выводы

Отключение Emoji в WordPress — простой и эффективный способ оптимизации сайта, особенно если вы не используете эти иконки. Немного кода или установка легкого плагина позволит убрать лишние загрузки, ускорить сайт и улучшить пользовательский опыт. Рекомендуем включить этот шаг в общий комплекс мер по оптимизации.