Optimizacion

Aplazar la carga de JavaScript para mejorar la carga

2 Genial hay muchos Likes :D

Cuando usamos herramientas como Pagespeed insights de Google o GTMetrix para analizar nuestra web podemos encontrarnos con avisos como:

Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página oDefer parsing of JavaScript

Lo que significa que el navegador carga antes el JavaScript y CSS de la web que el resto del código debido a que estos archivos se encuentran en la cabecera, lo que provoca una demora en el tiempo de carga antes de que el navegador nos muestre visualmente la propia web.

Con este snippet en el functions.php de tu tema podrás aplazar la carga de JavaScript para moverlo al final y de esta forma disminuir el tiempo de carga.

if (!(is_admin() )) {
    function defer_parsing_of_js ( $url ) {
        if ( FALSE === strpos( $url, '.js' ) ) return $url;
        if ( strpos( $url, 'jquery.js' ) ) return $url;

        return "$url' defer onload='";
    }
    add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );
}

Tan solo aplícalo y comprueba el código fuente de tu web, verás que los archivos JavaScript se encuentran al final del código fuente (es probable que queden algunos en la cabecera).