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
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
Amigo increible tu velocidad.. podrias decirme cual es el hosting donde esta alojado?
O si es un Cloud.. de que proveedor?
Por favor, gracias.
Gracias Franz, mi casero es Host Europe, ahora mismo mi plan es el VPS Omega SSD + Alpha SSL
Aquí tienes un descuento por si te interesa http://ceslava.com/blog/descuento-del-10-en-host-europe-con-ceslava10/
Saludos
Thank you for reviewing my plugin! I had no idea! I will share your page on Twitter
Instale el plugin y mejoró la puntuación. Muchas gracias por el post
Me alegro, saludos
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.
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
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.
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
Gracias nesecitaba saber como funciona esto, me sirvio para conseguir el 100/100
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!!!
Me alegro Elena, gracias a ti por la visita ;)
Hola
Una pregunta este tipo de plugins son compatibles cuando estas usando un constructor tipo DIVI
¡Hola!
Funciona con DIVI.
Lo que no me ha funcionado ha sido al subir la librería ega-lite y lo he hecho tirando de https://cdn.jsdelivr.net.
¿Hay que subirlo a un sitio concreto?
Gracias.
Saludos.
¡¡¡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
Me alegro Sergio, no está nada mal ;)
Hola
me ha funcionado genial, he mejorado y ya estoy en verde en móvil y pc.
Gracias por el post
Un capo total, me estaba volviendo loco para solucionar ese pequeño problema, mil gracias, un campeón, saludos grandes
Buenas!, no sé exactamente dónde he de cambiar el código de analyttics, me puedes ayudar?. Saludos y gracias por la ayuda.
PERFECTO!!! Me ha venido genial para acabar de pulir la velocidad de la web. Gracias y un saludo.
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
Hola Eduardo,
No hay forma de controlar los contenidos que se sirven con un iframe externo como el de Google Maps.
Lo único que puedes intentar es poner un trigger, por ejemplo una imagen y después cargarlo, o cargarlo de forma asíncrona con algunas de estas técnicas:
http://www.aaronpeters.nl/blog/iframe-loading-techniques-performance
Saludos
Saludos
¿Sirve para una web normal que no use wordpress ?
Sí claro. La librería ga-lite puedes utilizarla en cualquier proyecto web.
Saludos
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.
No funciona. Añadido a header.php, no reconoce el codigo y no cuenta las visitas en analitycs ¿ haré algo mal ?
Hola,
Funcionar, funciona. Quizás no hayas puesto bien tu tracking code de GA.
Si usas WP y te resulta más cómodo puedes utilizar el plugin en vez de la librería JS
Saludos
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?
Hola jonatan,
Por lo que dices tu tema lo que añadiría es algún contenido pero lo que necesitas es añadir un archivo JS. Lo más fácil es que utilices el plugin que nombro https://wordpress.org/plugins/host-analyticsjs-local/
Saludos
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
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!!
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.