Emoji – это забавный и популярный способ выразить эмоции в тексте, но для большинства сайтов на WordPress они не являются необходимостью. Подключение Emoji добавляет дополнительные HTTP-запросы и небольшой, но ощутимый вес к страницам, что может замедлять загрузку сайта. В этой статье подробно рассмотрим, как отключить Emoji в WordPress с помощью кода и плагинов, а также какие плюсы вы получите от этого шага.
Почему стоит отключить Emoji в WordPress? Оптимизация скорости и уменьшение запросов
По умолчанию WordPress подключает файлы для поддержки Emoji, включая JavaScript и стили, которые загружаются на каждую страницу сайта. Это увеличивает количество HTTP-запросов и размер страницы, что негативно влияет на скорость загрузки и пользовательский опыт. Особенно это актуально для мобильных пользователей с медленным интернетом.
Отключение Emoji уменьшает количество загружаемых файлов, что приводит к более быстрой загрузке страниц и снижению нагрузки на сервер. Это простой, но эффективный способ оптимизации, особенно для сайтов, где Emoji не используются или не важны.
Кроме того, отключение лишних скриптов повышает безопасность сайта, так как уменьшает поверхность атаки.
Как отключить Emoji в WordPress с помощью кода
Чтобы отключить Emoji без установки дополнительных плагинов, достаточно добавить следующий код в файл functions.php вашей темы или в отдельный плагин:
function wpweb_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', 'wpweb_disable_emojis_tinymce');
}
add_action('init', 'wpweb_disable_emojis');
function wpweb_disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
} else {
return array();
}
}Этот код удаляет все действия и фильтры, связанные с Emoji, включая скрипты в хедере, стили, обработку в RSS и редакторе TinyMCE.
После добавления кода нужно очистить кэш сайта и браузера, чтобы изменения вступили в силу.
Использование плагинов для отключения Emoji
Если вы не хотите работать с кодом, можно воспользоваться плагинами для отключения Emoji. Вот несколько популярных и проверенных решений:
- Disable Emojis (встроено в WordPress) – в последних версиях WordPress есть настройка, позволяющая отключить Emoji через админку. Обычно она активируется автоматически, но проверить можно в разделе "Настройки" или с помощью плагинов оптимизации.
- Clearfy – многофункциональный плагин для оптимизации сайта, который позволяет отключить Emoji одним кликом. Подробнее о Clearfy можно узнать на официальной странице плагина.
- WP Disable – плагин для комплексной оптимизации, в том числе отключения Emoji и других ненужных скриптов.
Использование плагина удобно, если вы не хотите углубляться в код и планируете комплексную оптимизацию.
Проверяем, отключились ли Emoji и влияние на скорость сайта
После отключения Emoji рекомендуется проверить, что скрипты и стили действительно перестали загружаться. Для этого откройте код страницы в браузере (через "Просмотр кода" или инспектор) и найдите строки с "emoji". Их не должно быть.
Для оценки влияния на скорость можно использовать сервисы:
После отключения Emoji вы заметите уменьшение количества запросов и улучшение показателей загрузки.
Дополнительные советы по оптимизации загрузки скриптов в WordPress
Отключение Emoji – только часть оптимизации. Чтобы еще больше ускорить сайт, выполните следующие действия:
- Отключайте скрипты и стили на страницах, где они не нужны. Например, если плагин подключает свои файлы на всех страницах, а функционал нужен только в админке или на одной странице, отключите их в остальных местах с помощью хуков.
- Используйте плагин Clearfy Pro, который позволяет гибко управлять загрузкой скриптов и стилей. Подробнее о Clearfy Pro можно посмотреть на официальном сайте.
- Минифицируйте и объединяйте CSS и JS – многие плагины кеширования и оптимизации, например, W3 Total Cache, Autoptimize, помогут сократить объем загружаемых ресурсов.
- Используйте отложенную загрузку (lazy load) для тяжелых скриптов, чтобы они загружались только при необходимости.
Все эти методы в комплексе помогут сделать ваш сайт на WordPress быстрее и удобнее для посетителей.