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

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

Почему стоит отключить Emoji в WordPress?

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

Кроме того, отключение Emoji положительно влияет на показатели Core Web Vitals и общее восприятие сайта пользователями.

Как отключить Emoji в WordPress с помощью кода

Для отключения Emoji можно использовать стандартные хуки WordPress. Добавьте следующий код в файл functions.php вашей темы или в собственный плагин:

function wplab_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', 'wplab_disable_emojis_tinymce');
    add_filter('wp_resource_hints', 'wplab_disable_emojis_remove_dns_prefetch', 10, 2);
}
add_action('init', 'wplab_disable_emojis');

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

function wplab_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 скриптов и стилей, а также удалит соответствующие DNS-prefetch ссылки.

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

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

• Clearfy — этот плагин позволяет отключить Emoji и множество других оптимизаций для WordPress. В Clearfy есть удобный переключатель для отключения Emoji без написания кода. Подробнее: https://wpshop.ru/plugins/clearfy/
• Disable Emojis — простой и бесплатный плагин, полностью выключающий Emoji в WordPress.

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

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

Отключение Emoji — это лишь один из шагов для ускорения сайта. Важно также:

• Оптимизировать изображения и использовать современные форматы WebP;
• Внедрить кеширование страниц и объектов, например, с помощью WPSuperCache или WP Rocket;
• Минифицировать CSS и JavaScript;
• Использовать CDN для доставки контента;
• Удалять неиспользуемые плагины и темы.

Если вы используете темы от WPSHOP, например Reboot или Root, обратите внимание, что они уже оптимизированы и не загружают лишние ресурсы.

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

После внесения изменений проверьте, что Emoji действительно отключены. Для этого откройте исходный код страницы и найдите ссылки на wp-emoji-release.min.js — их не должно быть.

Также рекомендуем протестировать скорость сайта с помощью сервисов:

• Google PageSpeed Insights
• GTmetrix
• Pingdom

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

Выводы и рекомендации

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

Не забывайте тестировать изменения и убедитесь, что они не влияют на внешний вид и функциональность сайта.