Solución de Google Analytics para conseguir 100/100 en Pagespeed

Hace un año publiqué el artículo ¿Es posible conseguir un 100/100 en Google Pagespeed? Hoy finalmente he conseguido ese 100/100.

En ese artículo concluía que era imposible si utilizabas servicios del mismo Google: como Adsense, Youtube y Analytics. Adsense es imposible pero en una actualización de ese mismo artículo decía que una posible solución para Google Analytics era cargarlo en tu  propio servidor para poder cachearlo como cualquier otro script y aprobar esta regla

Especificar caché de navegador

Establecer una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos indica al navegador que cargue los recursos descargados previamente del disco local en lugar de hacerlo a través de la red.

Aprovechar el almacenamiento en caché del navegador de estos recursos almacenables en caché:

http://www.google-analytics.com/analytics.js (2 horas)

El problema es que una práctica no recomendada además que una posible actualización del script de Google pasaría desapercibida si no estás al tanto.

Hoy os dejo 2 soluciones, un plugin para WordPress y una librería de código abierto

Plugin WP para solucionar el Google Analytics de Pagespeed

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 para solucionar el Google Analytics de Pagespeed

Esta estupenda solución que ha creado Jesse Luoto es la que yo he utilizado, no soy amigo de instalar muchos plugins. 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

<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>

Con esto he conseguido ese 100/100 en elFinalde

PageSpeed Insights 100

Claro que en la home de elFinalde no uso Adsense, en páginas interiores donde sí uso Adsense la puntuación es 98 por los malditos javascript de Google Adsense

PageSpeed Insights adsense

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  1. Hola,

    El plugin está sin actualizar desde hace 6 meses y no funciona correctamente. Impide que Analytics registre las visitas.

    La libería tampoco funciona.

    Un saludo.

    1. Hola,

      El plugin no lo utilizo aunque no se haya actualizado en el foro verás que el autor continúa resolviendo los problemas. Yo uso ga-lite de la que hablo al final del artículo y a fecha de hoy funciona perfectamente.

      Saludos

      1. Hola ceslava,

        He probado el sustituido el código de Analytics por el de ga-lite, y a mi no me ha funcionado correctamente. Cuando lo tengo instalado el número de visitas registradas se me reduce drásticamente, por lo que deduzco que el código impide (al menos en algunos tipos de plantillas de WordPress), que Analytics registre todas las visitas.

        Un saludo.

        1. Hola Tomas,

          En todo caso lo que comentas parece problema del tema que usas. Comprueba que lo has añadido a todas las páginas, mira si lo has integrado como una función para el hook wp_footer correctamente o directamente en footer.php y este es llamado en todas las páginas.

          Saludos

  2. Hola Cristián,
    Estoy aprendiendo SEO y voy aplicándolo a mi web. Actualmente estoy trabajando la velocidad de carga de la Home y gracias al script que has compartido he sumado 5 puntos más de PageSpeed Insigth. Todavía me quedan algunos aspectos que mejorar pero voy a por el 100! jejeje
    Muchas gracias por el post!!!

  3. Hola, conoces algo para el de google maps??
    tengo este problema en mi web.

    Especificar caché de navegador
    Establecer una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos indica al navegador que cargue los recursos descargados previamente del disco local en lugar de hacerlo a través de la red.
    Aprovechar el almacenamiento en caché del navegador de estos recursos almacenables en caché:
    https://maps.googleapis.com/…P5MvkXst289B6PvWH6PtsA1624iJXE&ver=3.3.3 (30 minutos)

    Un saludo

      1. Gracias, respondes rápido amigo
        La uso y luego rereso y te cuento.
        tengo en page speeed insight
        67 en móvil
        y 91 en desktop
        y el SEO según woorank me bajó de 56.7
        a 37.1
        No sé si fue porque modifiqué el .htacces
        y volví a indexarla con search console.

  4. Buenas, gracias por el truco pero no se mucho y no se donde debo implementar el GA, tengo wordpress y el tema Betheme que viene con una opcion para incorporar hooks en top, content before, Content after, bottom. deberia ponerlo ahi?? en que lugar?

  5. Hola. He conseguido un 85/100 ( verde ) en moviles y 95/100 ( verde ) para ordenadores en pagespeed insights … el codigo esta añadido asi de esta manera…. es correcto: var galite = galite || {}; galite.UA = ‘UA-93051322-1’; // Insert your tracking code here

    Saludos