Emoji — это забавные иконки, которые автоматически добавляются WordPress для поддержки смайликов в старых браузерах. Однако, если ваш проект не нуждается в отображении Emoji или вы хотите минимизировать количество загружаемых ресурсов, отключение этой функции поможет ускорить загрузку сайта и улучшить производительность.
Почему стоит отключить Emoji в WordPress
По умолчанию WordPress загружает дополнительный скрипт wp-emoji-release.min.js и стили, которые обеспечивают корректное отображение Emoji, особенно в старых браузерах. Эти дополнительные запросы увеличивают время загрузки страницы и создают лишнюю нагрузку на сервер и клиента.
Если вы не используете Emoji в контенте или хотите оптимизировать сайт, отключение этой функции — простой и эффективный способ уменьшить HTTP-запросы и ускорить работу сайта.
Кроме того, отключение Emoji помогает сократить размер страницы и снизить количество загружаемых CSS и JS файлов, что положительно сказывается на SEO и пользовательском опыте.
Как отключить Emoji стандартными методами
В WordPress отключение Emoji можно реализовать через хук remove_action. Ниже приведён пример функции, которую можно добавить в файл functions.php вашей темы или создать отдельный плагин:
function wphost_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', 'wphost_disable_emojis_tinymce');
add_filter('wp_resource_hints', 'wphost_disable_emojis_remove_dns_prefetch', 10, 2);
}
add_action('init', 'wphost_disable_emojis');
function wphost_disable_emojis_tinymce($plugins) {
if (is_array($plugins)) {
return array_diff($plugins, array('wpemoji'));
} else {
return array();
}
}
function wphost_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.
Использование плагинов для управления Emoji
Если вы не хотите копаться в коде, можно использовать плагины для отключения Emoji и других ненужных функций WordPress. Например:
- Clearfy Pro — мощный плагин оптимизации, где можно одним кликом отключить Emoji и другие неиспользуемые скрипты. Подробнее: Clearfy Pro на WPSHOP.
- Disable Emojis — специализированный бесплатный плагин для отключения Emoji на сайте.
Clearfy Pro особенно удобен, если вы хотите комплексно улучшить скорость и безопасность сайта, отключая не только Emoji, но и другие ненужные функции WordPress.
Проверка отключения Emoji и влияние на производительность
После отключения Emoji важно проверить, что скрипты и стили больше не загружаются. Для этого:
- Откройте ваш сайт в браузере.
- Вызовите инструменты разработчика (обычно F12).
- Перейдите на вкладку Network (Сеть) и обновите страницу.
- Ищите запросы
wp-emoji-release.min.jsили связанные с emoji URL.
Если их нет, значит отключение прошло успешно.
Для замера улучшения скорости можно использовать сервисы Google PageSpeed Insights, GTmetrix или Pingdom. Обычно после отключения Emoji наблюдается небольшое, но заметное ускорение загрузки.
Дополнительные советы по оптимизации загрузки скриптов в WordPress
Отключение Emoji — лишь один из шагов по ускорению сайта. Вот несколько дополнительных рекомендаций:
- Отключайте ненужные скрипты и стили, которые добавляют плагины и тема.
- Используйте кеширование, например, с помощью плагина WP Rocket или встроенного кеша сервера.
- Минифицируйте CSS и JS файлы, чтобы уменьшить их размер.
- Используйте CDN (Content Delivery Network), например, Cloudflare, для ускорения доставки контента.
- Оптимизируйте изображения, используя WebP формат и lazy load.
Если вам интересны более продвинутые решения, рекомендуем ознакомиться с плагином Clearfy Pro, который комплексно решает задачи оптимизации без лишних сложностей.