Conseguir una puntuación de 100/100 parece una tarea imposible, más aún si utilizas los servicios de mismo google (Adsense, Youtube, Analytics) o si como en nuestro caso, usas además servicios de terceros (Gravatar, Addthis, etc), sin embargo, de a poco, hemos podido aumentar cada vez más la puntuación, tanto así, que inclusive hemos podido alcanzar 86/100, es por eso, que está ocasión te traemos, unos trucos para Aumentar la puntuación en el Pagespeed de Google.

De momento no hemos logrado conseguir una solución para el aviso de «Especificar caché de navegador«, para Adsense, Youtube, Gravatar y Addthis, pero, logramos conseguir dos soluciones de este error para Analytics, además, también logramos conseguir una solución al aviso «Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página» que te listamos a continuación:

Solucionar: Especificar caché de navegador para Google Analytics

Plugin WP

Si usas WordPress puedes utilizar este plugin Host Analytics.js Locally — WordPress Plugins mediante wp_cron() actualizará el script si lo actualiza Google

Librería ga-lite

Esta estupenda solución que ha creado Jesse Luoto, que es el que yo he utilizado en varios proyectos personales. Se trata de ga-lite, una librería mucho más pequeña y cacheable que hará que apruebes esa regla aún usando GA. Lo mejor es que para utilizarla sólo tienes que cambiar el código de GA por este poniendo tu tracking code, en el header.php del tema que este usando

<script src=“https://cdn.jsdelivr.net/ga-lite/latest/ga-lite.min.js” async></script>
<script> 
    var galite = galite || {}; galite.UA = ‘UA-XXXXXX’; // Insert your tracking code here
</script>

Solucionar: Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página

Este pequeño truco, lo hemos usado en varios proyectos, y ha funcionado a la perfección, eliminando por completo el mensaje. Lo que hacemos en cargar de forma asíncrona el javascript, este fragmento de código lo añades en el functions.php del tema que este usando

/*function to add async to all scripts*/
function js_async_attr($tag){

# Do not add async to these scripts
$scripts_to_exclude = array('jquery.js');
 
foreach($scripts_to_exclude as $exclude_script){
    if(true == strpos($tag, $exclude_script ) )
    return $tag;    
}

return str_replace( ' src', ' defer="defer" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

function footer_enqueue_scripts() { 

   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('after_setup_theme', 'footer_enqueue_scripts');

NOTA: Actualmente el template que estamos manejando en ponceelrelajado.com limita el uso de estos trucos, pero, los hemos usado en infinidad de sitios con otros templates y funcionan a la perfección, esperamos puedan servirte

Artículos relacionadosMás del autor