Como quitar el Javascript que bloquea la visualización del contenido

Quitar el Javascript que bloquea la visualización del contenido es una de las sugerencias que la herramienta de Google PageSpeed Insihts nos suele mostrar cuando analizamos algún proyecto web realizado con WordPress.

Para solucionar esto lo que deberemos hacer es evitar que las librerías javascript carguen al principio de la página y por tanto deberemos incluirlo en el pie de página (footer), algo que podremos hacer mediante la instalación de algún plugin o mediante un método manual que tan sólo implicaría incluir  las siguientes lineas en el fichero functions.php de nuestro tema.

/* Mover javascripts al footer

function scripts_footer() {
    remove_action(‘wp_head’, ‘wp_print_scripts’);
    remove_action(‘wp_head’, ‘wp_print_head_scripts’, 9);
    remove_action(‘wp_head’, ‘wp_enqueue_scripts’, 1);
    add_action(‘wp_footer’, ‘wp_print_scripts’, 5);
    add_action(‘wp_footer’, ‘wp_enqueue_scripts’, 5);
    add_action(‘wp_footer’, ‘wp_print_head_scripts’, 5);
}
add_action( ‘wp_enqueue_scripts’, ‘scripts_footer’ );

Si no quieres añadir esta linea de código en el fichero functions.php de tu tema, también tienes la opción de incluirlo en algún otro fichero que haga las funciones tal y como en su día explique en un artículo destinado a crear un plugin en WordPress para liberar el fichero functions.php.

Nota importante

En algunas ocasiones te puedes encontrar con que una vez aplicado este procedimiento que te he detallado y tras hacer el análisis en PageSpeed Insights  te aparezca que tienes que corregir este problema. Pues bien si te pasa esto no sufras pues la herramienta en algunas ocasiones tarda unos minutos en actualizar los resultados si realizamos algún cambio.

También para los que usen algún tipo de cache en su proyectos deben acordarse tras realizar estas modificaciones de borrarla, pues en caso contrario la herramienta de google es posible que no detecte los cambios.