Supervivencia Digital -Episodio 26. Google Page Speed Insights.

En el podcast de hoy os voy a hablar de…Google Page Speed. Un site que Google pone a nuestra disposición, para diagnosticar la optimización de cualquier página web. (Para más información sobre el podcast visita https://supervivencia digital.es o https://ignaciobernabeu.com) Efectivamente, en alguno de mis podcasts ya adelanté que haría monográficos de Google, y hoy vamos a dar un repaso a Google Page Speed, o Page Speed Insights. Para qué sirve, cómo se utiliza, y también menciono un apartado extra que es, para qué NO sirve. PageSpeed Insights (PSI) es una web, que al introducir la url, proporciona datos sobre el rendimiento de las páginas tanto en dispositivos móviles como en ordenadores, y ofrece consejos para mejorarlas. Existen emociones encontradas cuando se habla de Google PageSpeed. Para muchas personas es una biblia que hay que seguir a pies juntillas. Mientras que para otras personas, entre las que me incluyo, es una buena herramienta para medir la velocidad de carga de una web, pero no debemos obsesionarnos demasiado con ella. Dejadme que antes de repasar algunos puntos de esta herramienta, destaque dos cosas. La primera de ellas es que para obtener una información más sólida y real, deberías combinar el diagnóstico de Page Speed Insights con el diagnóstico de otras herramientas como GTMetrix, Darebost, o Pingdom por ejemplo. La segunda, es que Google Page Speed sólo analiza cuestiones relativas a la velocidad de carga, y este dato supuesto que hay que tenerlo en cuenta y trabajarlo. Pero ser ligera, no es la única función de tu web. Mira Amazon por ejemplo, o HBO, o el mundo, por ejemplo. Son páginas que deben buscar el equilibrio entre velocidad de carga y experiencia de usuario, siendo esta última siempre acorde con los objetivos de la web. Así que, velocidad de carga sí, pero objetivos de la web, también. Y ahí está el equilibrio que hay que conseguir. Una de las áreas más frustrantes para muchos usuarios de Google PageSpeed Insights, son sus informes. Por un lado identifica los problemas que ha encontrado, pero muchas veces no ofrece pauta claras sobre cómo localizarlo y resolverlo. Se basa en reglas generales. Otro tema interesante sobre Page Speed es que a medida que el sitio web o las visitas aumentan, la valoración de PageSpeed Insights se resentirá aunque sigamos las mejores recomendaciones. En este caso, no queda más remedio que utilizar las herramientas más especializadas o contar con profesionales especializados. El análisis de PageSpeed Insights se basa en la verificación y cumplimiento de un total de diez reglas. Para medir el grado de satisfacción de estas reglas, el informe de PageSpeed utiliza un código de colores. Son los colores de un semáforo. Color verde, para indicar que la regla se satisface totalmente. Color naranja, cuando la regla no se satisface totalmente pero tiene un pase. Color rojo, para aquellas reglas que, al no satisfacerse, tiene un alto impacto en la valoración final. Por tanto, primero que nada debemos centrarnos en resolver las indicaciones en color rojo, después en el color naranja y por último en verde, si es que todavía se pudiese mejorar. Veamos ahora cuáles son las diez reglas del informe de análisis de Google, con una pequeña explicación de su significado. Eliminar el JavaScript y CSS bloqueante. Especificar caché de navegador. Evita los redireccionamientos a páginas de destino. Habilitar compresión. Minificar CSS. Minificar HTML. Minificar JavaScript. Optimizar imágenes. Prioriza el contenido visible. Reducir el tiempo de respuesta del servidor. Cada uno de los puntos que he comentado, tiene su propio tratamiento. En ocasiones se puede resolver manualmente, en otras con un plugin… y a veces el uso de un plugin puede ser contraproducente dependiendo de como tengas montada tu página web. Tampoco quiero ponerme muy técnico y comenzar a desgranar todos los puntos uno por uno porque el podcast se haría muy largo, y, además, hay tantas variables como páginas webs. Por encima, recordar que el peso de las imágenes es importante, habilitar la cache también para evitar consultas repetidas por parte de los usuarios recurrentes, que se pueden habilitar la compresión insertando un código en HTTACCES y la minificación se puede hacer con diversos plugins. Aún así, para los que queráis sumergiros en el fantástico mudo de resolver las reglas de Page Speed Insights os he dejado un par de guías, que lo explican muy bien. Una es del blog de SEMRUSH en español, y otra es de Antonio Fernández Alonso. https://es.semrush.com/blog/google-page-speed-test/ http://www.afernandezalonso.com/posicionamiento-seo/solucionar-incidencias-pagespeed-insights/