Jak wyłączyć emoji w WordPress

Emoji, emotki i emotikony

Mało kto wie, że emoji a emotki i emotikony to zupełnie różne rodzaje buziek. Emoji wyglądają tak jak ta ☺️ podczas, gdy emotki i emotikony wyglądają np. tak :-). O tych pierwszych więcej pisaliśmy już w tym poradniku w kontekście emoji i Google. I to właśnie na nich się teraz skupimy.

Emoji mają wielu miłośników 😍 i wrogów 🤬. Jak to możliwe? Nie wiemy, ale niezależnie do której grupy należysz istnieje kilka powodów, dla których warto wyłączyć emoji w WordPress. Zanim jednak o tym pozwól, że dowiesz się od nas w jaki sposób WordPress obsługuje emoji.

Jeżeli należysz do miłośników emoji to koniecznie kliknij w ten link skąd możesz za darmo skopiować emoji.

WordPress wspiera emoji

I to od bardzo dawna, ponieważ od wersji WordPress 4.2. Więcej o wersjach WordPress możesz przeczytać w dziale WordPress Download.

Obsługa emoji w WordPress realizowana jest za pomocą biblioteki o nazwie wp-emoji-release.min.js. To niewielka biblioteka WordPress, która zajmuje jedynie około 10 KB jednak stanowi dodatkowy zasób, który musi załadować strona internetowa, a więc realnie wpływa na jej czas ładowania.

Istnieje kilka powodów, dla których możesz chcieć wyłączyć emoji w WordPress. Wyłącz emoji jeżeli:

✅ Nie lubisz emoji 🤬
✅ Nie używasz ich na swojej stronie 🤔
✅ Chcesz przyspieszyć WordPress 🚀
✅ Korzystasz tylko z emoji Unicode

Gdy wyłączysz emoji w WordPress to wciąż możesz z nich korzystać, ponieważ wspierają je przeglądarki internetowe.

Jeżeli na któreś z powyższych pytań odpowiesz sobie tak to znaczy, że musisz przejść do kolejnej części naszego poradnika, z którego dowiesz się jak wyłączyć emoji w WordPress krok po kroku.

Emoji WordPress a szybkość strony

Wyłączenie emoji w WordPress pozwala zazwyczaj osiągnąć kilka dodatkowych punktów w wyniku Google PageSpeed Insight dla urządzeń mobilnych oraz komputerów. Wszystko zależy od aktualnej optymalizacji strony, jednak zawsze poprawa jest widoczna i zauważalna.

Jeżeli Twoja strona internetowa generuje dużą ilość odwiedzin to biblioteka ważąca 10 KB może w ciągu miesiąca przynieść oszczędności transferu liczące w setkach megabajtach, co dodatkowo poprawi wydajność serwera. Dodając do tego fakt, że najpopularniejsze przeglądarki internetowe natywnie wspierają emoji jasne staje się, że warto wyłączyć ich obsługę w WordPress chyba, że naprawdę jej potrzebujesz z pewnych względów.

Przeczytaj także poradnik Przyspieszanie WordPress krok po kroku, aby dowiedzieć się jak przyspieszyć czas wczytywania strony WordPress.

Jak wyłączyć emoji w WordPress

Istnieją dwa sposoby na wyłączenie emoji. Pierwszy z nich za pomocą wtyczki, a drugi za pomocą prostego kodu. Podejmij decyzję, która opcja jest dla Ciebie lepsza jednak my zawsze rekomendujemy jak najmniej wtyczek w WordPress.

1. Wyłączanie emoji za pomocą wtyczki

Istnieje wiele wtyczek, które pozwala wyłączyć emoji w WordPress. Jedną z nich jest Autoptimize, o której przeczytasz więcej we wpisie Jak wyeliminować zasoby blokujące renderowanie. Możesz zrobić to także za pomocą wtyczki o nazwie Disable Emojis (GDPR friendly). Jest ona dostępna za darmo w repozytorium WordPress i jej pobraniu oraz aktywacji automatycznie wyłączony ona wszelkie biblioteki WordPress odpowiedzialne za obsługę emoji.

2. Wyłączanie emoji za pomocą kodu

Jeżeli nie chcesz korzystać z wtyczki [i słusznie] możesz wyłączyć emoji w WordPress dodając ten kod w pliku functions.php. Znajduje się on w głównym katalogu motywu WordPress, jednak pamiętaj, że zanim tego dokonasz koniecznie zrób kopię zapasową tego pliku.

/**
 * Disable the emoji's
 */
function 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', 'disable_emojis_tinymce' );
 add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );
}
add_action( 'init', 'disable_emojis' );

/**
 * Filter function used to remove the tinymce emoji plugin.
 * 
 * @param array $plugins 
 * @return array Difference betwen the two arrays
 */
function disable_emojis_tinymce( $plugins ) {
 if ( is_array( $plugins ) ) {
 return array_diff( $plugins, array( 'wpemoji' ) );
 } else {
 return array();
 }
}

/**
 * Remove emoji CDN hostname from DNS prefetching hints.
 *
 * @param array $urls URLs to print for resource hints.
 * @param string $relation_type The relation type the URLs are printed for.
 * @return array Difference betwen the two arrays.
 */
function disable_emojis_remove_dns_prefetch( $urls, $relation_type ) {
 if ( 'dns-prefetch' == $relation_type ) {
 /** This filter is documented in wp-includes/formatting.php */
 $emoji_svg_url = apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/2/svg/' );

$urls = array_diff( $urls, array( $emoji_svg_url ) );
 }

return $urls;
}