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

Escribí esto el 14/06/2016

32 comentarios

  1. Franz dice:

    Amigo increible tu velocidad.. podrias decirme cual es el hosting donde esta alojado?

    O si es un Cloud.. de que proveedor?

    Por favor, gracias.

  2. Thank you for reviewing my plugin! I had no idea! I will share your page on Twitter

  3. DondelOcio dice:

    Instale el plugin y mejoró la puntuación. Muchas gracias por el post

  4. Tomas dice:

    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.

    • ceslava dice:

      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

      • Tomas dice:

        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.

        • ceslava dice:

          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

  5. Gracias nesecitaba saber como funciona esto, me sirvio para conseguir el 100/100

  6. elena dice:

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

  7. carlos lopez dice:

    Hola

    Una pregunta este tipo de plugins son compatibles cuando estas usando un constructor tipo DIVI

  8. ¡¡¡Muchas gracias por el plugin!!! No he conseguido el 100/100, pero he conseguido recuperar ese 1% que perdía por culpa del Google Analytics y me quedo en un nada detestable 91/97

  9. Hola

    me ha funcionado genial, he mejorado y ya estoy en verde en móvil y pc.

    Gracias por el post

  10. Darío dice:

    Un capo total, me estaba volviendo loco para solucionar ese pequeño problema, mil gracias, un campeón, saludos grandes

  11. Sergio dice:

    Buenas!, no sé exactamente dónde he de cambiar el código de analyttics, me puedes ayudar?. Saludos y gracias por la ayuda.

  12. PERFECTO!!! Me ha venido genial para acabar de pulir la velocidad de la web. Gracias y un saludo.

  13. Eduardo dice:

    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

  14. Jose dice:

    Saludos
    ¿Sirve para una web normal que no use wordpress ?

    • ceslava dice:

      Sí claro. La librería ga-lite puedes utilizarla en cualquier proyecto web.

      Saludos

      • Jose dice:

        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.

  15. Pau Company dice:

    No funciona. Añadido a header.php, no reconoce el codigo y no cuenta las visitas en analitycs ¿ haré algo mal ?

  16. jonatan dice:

    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?

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

  18. eliana dice:

    Hola,muy interesante todo lo que comentan, ahora si el cache es de otra aplicacion, por eejmplo en mi caso del chat online que tenemos, sabes como habria que agregarlo, en el htacces?
    A mi Google search me dice:
    https://code.tidio.co/widget-4004ae351e3b4dd0fc4f.js (4 horas)

    desde ya muchas gracias a todos!!

  19. Es precisamente lo que estoy buscando para mejorar la velocidad en un sitio. Tengo una duda sobre si causa algún tipo de conflicto en la forma en la que Google recopila la información.

Tu comentario

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies