Szukasz sposobu jak wyłączyć emoji w WordPress? Ich wyłączenie zmniejszy ilość zapytań HTTP do serwera Twojej strony, co nieznacznie przyspieszy jej ładowanie. Sposobów na ich wyłączenie jest kilka. Co prawda, najwygodniej poradzić sobie za pomocą wtyczki, ale bardziej techniczni użytkownicy wolą użyć dedykowanego kodu, tzw. snippeta. Wkleja się go w plik functions.php motywu potomnego lub przez wtyczkę do snippetów. Chcesz wiedzieć dokładnie jak? Zapraszam do wpisu.

Dlaczego wyłączyć emoji w WordPress?

Wyłączenie tych małych buziek i śmiesznych emotikon poprawia wydajność strony. Nie jest to jakaś super‑hiper prędkość ładowania, którą możemy wycisnąć, ale zawsze jednak coś.

🐼 📘 🚁 📅 💻 😗 ☂ ⛎ 📣 🍑 😐 🐞 🎢 💡🙃 📲 👥 ✂️🌱 🍠 ⏯ 🙍✌️ 🍸 😷 🏆 💫 

W nowych wyszukiwarkach, WordPress domyślnie dobrze obsługuje emotikony bez wczytywania dodatkowych plików. Jednakże aby wspierać starsze przeglądarki, począwszy od wersji WordPress 4.2, ten popularny CMS ładuje plik wp-emoji-release.min.js do każdej strony.

Ładowanie wspomnianego pliki powoduje dodatkowe zapytanie HTTP do serwera strony. Dla większości użytkowników nie ma to absolutnie żadnego znaczenia, ponieważ wszystkie nowe przeglądarki obsługują emoji samoistnie. Po prostu tego pliku nie potrzebują, bo mają własne skrypty generujące buźki. Oznacza to nie mniej nie więcej niż tyle, że spokojnie możesz wyłączyć ładowanie tego pliku na swojej stronie a 99,9% użytkowników dalej będzie widzieć emoji. 

Zyskasz tym samym bardzo mały odsetek milisekund w prędkości ładowania witryny. Należy w tym miejscu wyraźnie podkreślić, że kiedy mówimy o “wyłączeniu emoji w WordPress”, to tak na prawdę chodzi o wyłączenie niepotrzebnego skryptu zapewniającego wsparcie tylko dla bardzo starych i nieużywanych już przeglądarek. Tak więc nawet gdy wyłączysz emoji, to większość użytkowników nadal będzie je widzieć.

Jak wyłączyć emoji w WordPress

Najprostszą i najszybszą metodą na wyłączenie emoji w WordPress jest zainstalowanie dedykowanej wtyczki z repozytorium. W tym miejscu można polecić wtyczkę Disable Emojis (GDPR friendly). 

Jak wspomniałem wcześniej, wtyczka nie wyłącza emotikon na stronie, a jedynie wyłącza ładowanie niepotrzebnego pliku JavaScript. Po prostu ją zainstaluj i włącz. Szybkie i proste.

Alternatywną metodą wyłączenia emoji jest edycja pliku functions.php i to najlepiej w motywie potomnym. Nie każdy jest jednak zwolennikiem takiego rozwiązania. Edycja tego pliku nie jest niebezpieczna a ryzyko uszkodzenia strony jest bardzo małe. Ja osobiście wszystkie snippety dodaję właśnie w ten sposób. Jeśli jednak nie korzystasz z motywu potomnego to możesz ratować się dedykowaną wtyczką do snippetów. Mam tu na myśli Code Snippets. 

Wtyczka ta edytuje plik functions.php niezależnie od jego fizycznej wersji na serwerze. Jeśli autor motywu zaktualizuje swój kod, to nie nadpisze Twoich zmian. Jest to zatem sytuacja win-win. Nie używasz dodatkowej wtyczki do prostego snippetu, ale jednocześnie nie edytujesz functions.php bezpośrednio. Jesteś zatem odporny na utratę zmian przy najbliższej aktualizacji motywu.

Po zainstalowaniu i włączeniu wtyczki odnajdź w zapleczu pozycję “Fragmenty kodu -> Dodaj nowy”.

Wpisz tytuł snippetu, który ułatwi ci jego rozpoznanie, wklej poniższy kod w pole dla funkcji i zapisz zmiany niebieskim przyciskiem “Save Changes and Activate” na dole strony. Zostaw domyślnie zaznaczoną opcję “Run snippet everywhere”. 

/**
 * 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;
}

Wyłączenie emoji zwiększy wydajność WordPress

Niepotrzebne ładowanie skryptów emoji zwalnia nieznacznie ładowanie strony i generuje dodatkowe zapytania HTTP. Wszystko po to, aby garstka użytkowników bardzo starych przeglądarek mogła widzieć emotikony. Nie oszukujmy się, nie są one szczególnie ważne, a problem dotyczy tak naprawdę użytkowników systemów starszych niż Windows 7 (włącznie) oraz telefonów z Androidem 4.4 czyli tego z 2013 roku. Śmiało można rzec, że każde urządzenie młodsze niż 10 lat, ze spokojem poradzi sobie bez dodatkowego skryptu ładowanego przez WordPress. Może czas, żeby się go pozbyć z domyślnej instalacji na stałe?