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

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

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

Emoji в WordPress реализованы через добавление дополнительных скриптов и стилей, которые загружаются на каждую страницу, даже если вы их не используете. Это приводит к увеличению времени загрузки страницы и снижению показателей Core Web Vitals. Особенно это заметно на мобильных устройствах и при медленных интернет-соединениях.

Отключение Emoji уменьшает количество HTTP-запросов и общий вес страниц, что положительно сказывается на скорости и SEO.

Для проверки, загружаются ли Emoji-скрипты, откройте исходный код страницы и найдите ссылки на wp-emoji-release.min.js или похожие файлы.

Как отключить Emoji средствами кода в functions.php

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

function wpmanual_disable_emojis() {
    // Удаляем действия, которые добавляют скрипты и стили Emoji
    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');
    
    // Отключаем фильтр на содержимое RSS
    remove_filter('the_content_feed', 'wp_staticize_emoji');
    remove_filter('comment_text_rss', 'wp_staticize_emoji');

    // Отключаем фильтр на e-mail
    remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
}
add_action('init', 'wpmanual_disable_emojis');

Этот код удаляет все связанные с Emoji скрипты и стили, а также отключает фильтры, которые конвертируют Emoji в RSS и e-mail рассылках.

Пояснение к коду

• remove_action — удаляет подключение скриптов и стилей в заголовке сайта и в админке;
• фильтры remove_filter отключают обработку Emoji в лентах и письмах;
• функция wpmanual_disable_emojis — префикс wpmanual_ для предотвращения конфликтов, как принято на wpmanual.ru;
• хук init отвечает за инициализацию, на котором и выполняется отключение.

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

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

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

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

Дополнительные советы для ускорения WordPress

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

• Отключать неиспользуемые скрипты и стили;
• Использовать кеширование страниц и минификацию CSS/JS;
• Оптимизировать изображения;
• Использовать CDN (Content Delivery Network);
• Минимизировать количество запросов к серверу.

Например, можно дополнительно отключить встроенные стили Gutenberg, если редактор блоков не используется, с помощью подобного кода:

function wpmanual_disable_gutenberg_styles() {
    wp_dequeue_style('wp-block-library');
    wp_dequeue_style('wp-block-library-theme');
    wp_dequeue_style('wc-block-style'); // если WooCommerce
}
add_action('wp_enqueue_scripts', 'wpmanual_disable_gutenberg_styles', 100);

Заключение по теме отключения Emoji

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

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