Cómo desactivar los emojis en WordPress sin plugins

En este tutorial aprenderemos a desactivar los emojis en WordPress. Con el lanzamiento de WordPress 4.2, que se lanzó en abril de 2015, el equipo de WordPress integró los emoticonos que más están de moda: los emojis.

Sí, ya sé que estarás pensando: «¡Pero oye Joel, si yo utilizo emojis cada día! ¿Estás seguro que va bien quitarlos?» 

Yo, seguramente igual que tú, me encantan los emojis y los uso a diario en mis conversaciones de WhatsApp entre amigos y familiares. Pero al darme cuenta que jamás lo utilizaba en WordPress, decidí precindir de ellos.

Cómo ya sabrás, soy un gran fan del minimalismo. Si hay alguna cosa que no la necesito, es que no la debo tener.

¡Pero hay más ventajas para decidir prescindir de ellos! Vamos a verlo con más detalle.

Ventajas de quitar los emojis en WordPress

Como he mencionado antes, desde WordPress 4.2 los emojis vienen activados por defecto en WordPress. Aunque no los utilices, ¡se cargan sí o sí en cada página de nuestra web!

  • Carga menos archivos JavaScript: el hecho de poder visualizar los emojis en nuestra página web comporta que carguemos un archivo JavaScript cada vez. Este archivo es «wp-emoji-release.min.js».
  • Mejora el tiempo de carga de tu web: es una consecuencia de la primera ventaja. Al cargar un archivo menos, el tiempo de carga de tu página web se reduce notablemente.

¿No te acabas de creer el impacto que tiene cargar un simple archivo JavaScript en nuestro WordPress? Compruébalo tu mísmo: dirígete a tu página web, dale clic al botón derecho y selecciona «Ver código fuente de la página» (en el caso que trabajes con Chrome. Una vez visualices todo el código HTML, busca la palabra emoji (usando el buscador CTRL+F o CMD+F)

Las ventajas de desactivar los emojis en WordPress.
Las ventajas de desactivar los emojis en WordPress.

Todos los marcadores amarillos te indican las apariciones de la palabra emoji en tu código HTML. ¿A qué aparece muy frecuentemente? Pues imagínate si limpiamos toda esta parte del código que se carga incondicionalmente si lo utilizamos o no.

Otra prueba que puedes realizar es medir el tiempo de carga de tu página web antes y después de desactivarlos. Ya te darás cuenta de las décimas de segundo menos que tarda en cargar.

Desactivar los emojis sin plugins

Hay muchos plugins de terceros que pueden hacer esta funcionalidad, pero cómo ya sabes, prefiero mil veces implementarlo en código. Es más, utilizando este snippet te asegurarás que no dejas ningún rastro de la carga de emojis en WordPress. Existen algunos plugins  en el repositorio que se dejan algunos cabos sueltos.

Sólo te hará falta añadir este código en tu plugin personalizado o en el archivo functions.php de tu tema.

/* Desactivar los emojis */

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_action( 'init', 'disable_emojis' );

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

Resumen y conclusión

¡Una archivo JavaScript menos que cargará cada vez tu página web! ¿Cuánto has mejorado tu tiempo de carga?

Si quieres leer más tutoriales acerca de cómo puedes optimizar tu WordPress, dímelo y escribiré más acerca de ello.