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

Почему стоит отключать emoji в WordPress

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

Для сайтов, где emoji не критичны, их отключение — простой и эффективный способ оптимизации производительности. Особенно это заметно на мобильных устройствах и при медленном интернете.

Кроме того, отключение emoji снижает нагрузку на сервер и уменьшает количество загружаемых ресурсов, что положительно сказывается на SEO и пользовательском опыте.

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

Самый простой и распространённый способ — добавить в файл functions.php вашей темы код, который отключит загрузку emoji-скриптов и стилей.

Добавьте следующий код в functions.php:

function wptricks_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', 'wptricks_disable_emojis_tinymce');
    add_filter('wp_resource_hints', 'wptricks_disable_emojis_remove_dns_prefetch', 10, 2);
}
add_action('init', 'wptricks_disable_emojis');

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

function wptricks_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-скрипты и стили как на фронтенде, так и в админке WordPress, а также удалит DNS-prefetch для emoji-ресурсов.

Объяснение кода

• remove_action — удаляет стандартные действия WordPress, которые добавляют emoji-скрипты и стили в хедер и админку.
• remove_filter — исключает фильтры, которые вставляют emoji в контент RSS и письма.
• add_filter('tiny_mce_plugins') — отключает плагин emoji в визуальном редакторе TinyMCE.
• add_filter('wp_resource_hints') — убирает DNS-prefetch для emoji, чтобы не тратить лишние запросы.

Отключение emoji с помощью плагина Clearfy Pro

Если вы предпочитаете не править код вручную, воспользуйтесь плагином Clearfy Pro. Он предоставляет удобный интерфейс для отключения лишних функций WordPress, включая emoji.

В Clearfy Pro отключение emoji делается через панель настроек в разделе оптимизации. Плагин не только удалит emoji, но и оптимизирует другие ненужные скрипты, улучшая скорость сайта.

Преимущества использования Clearfy Pro:

• Безопасное отключение функций без правки кода.
• Комплексная оптимизация сайта.
• Поддержка и обновления.

Дополнительные рекомендации по ускорению WordPress после отключения emoji

Удаление неиспользуемых стилей и скриптов

После отключения emoji стоит проверить, не загружаются ли какие-либо ненужные стили и скрипты. Для этого можно использовать плагин Query Monitor или встроенные инструменты браузера.

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

Кэширование и CDN

Для улучшения скорости загрузки страниц рекомендуем использовать кэширование и CDN. Например, плагин WPCache или интеграция с Cloudflare ускорит доставку контента.

Оптимизация изображений

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

Заключение по отключению emoji в WordPress

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

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