¡Aceleremos el ritmo! Hoy en día un usuario abandona su sitio si no se carga después de 3 segundos. Con el PageSpeed Insights detectará lo que está ralentizando su sitio y subirá una marcha.
Resumen
- ¿Qué es PageSpeed Insights?
- ¿Cómo interpretar los datos calculados por PageSpeed Insights?
- ¿Cómo puedo mejorar mi puntuación de PSI?
- Actualización de PageSpeed Insights
¿Qué es PageSpeed Insights?
La API PageSpeed Insights (PSI) es una herramienta gratuita que ofrece Google para medir el rendimiento de una página, tanto en móvil/tableta como en ordenador. Los datos recogidos van acompañados de consejos para mejorar la página.
Estas mejoras pueden ayudar a reducir los tiempos de carga de la página y también a reducir su tasa de rebote, ambos factores importantes para el SEO de su sitio web.
¿Cómo interpretar los datos calculados por PageSpeed Insights?
Al analizar una URL, obtendrá en pocos segundos un informe detallado que tiene en cuenta dos parámetros
- El FCP: el tiempo que tarda la página en mostrarse al usuario.
- El FID: el tiempo que tarda la página en cargarse completamente (desde el DOM). Corresponde al tiempo que tarda el navegador en cargar completamente la página. Indica el tiempo transcurrido entre el momento en que el usuario interactúa con un elemento de su página y el momento en que el navegador está preparado para responder a su petición.
La PSI recupera la URL dos veces: la primera vez con su agente de usuario de escritorio (=su robot para las clasificaciones de escritorio) y la segunda vez con su agente de usuario móvil.
Las puntuaciones mostradas van de 0 a 100 puntos. No se preocupe, si su sitio no está al 100% en todas partes, es normal. Pocos sitios lo consiguen porque los criterios son muy estrictos. Sin embargo, hay que intentar acercarse lo más posible.
Si ve muchos colores rojos y amarillos en su informe, significa que su sitio está experimentando grandes problemas cuando se carga.
¿Cómo puedo mejorar mi puntuación de PSI?
Para mejorar tu puntuación, "simplemente" tienes que seguir las recomendaciones de la herramienta. A veces son bastante técnicas, desmitificaremos con ustedes las principales recomendaciones encontradas.
Evitar redirecciones de la página de destino
El uso de redireccionamientos 301 es a veces inevitable, pero debe limitarlos al máximo.
En efecto, cada vez que un usuario tiene que ser redirigido se pierden unos segundos preciosos. Este caso es bastante común en los sitios con una versión móvil. Cada página es redirigida a su versión móvil. Por eso Google recomienda el diseño responsivo para móviles.
Habilitar la compresión gzip
Navegadores como Chrome y Firefox pueden ofrecer una versión reducida de una página. Al habilitar la compresión gzip, estas páginas pueden reducirse en un 90%. Así, en pequeñas pantallas, en lugar de servir la página completa al usuario, el navegador recupera directamente la versión comprimida.
Minimizar CSS, HTML y JavaScript
Minificar el código significa eliminar los datos innecesarios o repetitivos sin alterar su carga y la visualización de la página en el navegador. Una mala codificación suele ser la causa de este problema, pero no te asustes, hay soluciones para minificar tu código, sin tener que empezar de cero.
- El minificador de HTML para minificar el HTML
- CSSNano y csso.
- UglifyJS2 y el compilador de cierre para minificar JavaScript.
Otra opción es utilizar el formato AMP para ofrecer a los motores de búsqueda una versión simplificada de sus páginas que se cargará en pocos milisegundos y se mantendrá en la caché de Google.
Optimizar y reducir el peso de las imágenes
Las imágenes pueden constituir una gran parte del peso total de una página. Están en todas partes: desde su logo hasta sus deslizadores de resalte. Por lo tanto, deben ser optimizados al máximo para reducir su impacto en el tiempo de carga. Esta es la optimización técnica menos compleja. Simplemente conviértelos a JPEG y comprímalos lo más posible (teniendo cuidado de no alterar su calidad). Hay herramientas de compresión como Compressor, ezGIF, TinyJPG...
Reducir el uso de JavaScript
Javascript debe ser usado con moderación ya que hace el código considerablemente más pesado. Los guiones sincronizados impiden la carga paralela y a veces bloquean la visualización de la página. Por lo tanto, los scripts deben ser transmitidos en segundo plano colocándolos en la parte inferior del código fuente. Sólo se recuperarán y ejecutarán una vez que se muestre la página.
Acelerar el tiempo de respuesta del servidor
El servidor juega un papel importante en el tiempo de carga de una página. Puede ser ralentizado por varios factores, como el número de peticiones llamadas, la lentitud de la ruta, la insuficiencia de memoria, etc. Si el PSI te dice que el servidor es lento, deberías recurrir a tu solución de alojamiento. A veces es tentador ceder a la llamada del precio bajo eligiendo un paquete compartido, pero dependiendo de la tipología de su sitio, es preferible optar por un servidor dedicado, que mostrará un mejor rendimiento.
Actualización de PageSpeed Insights
La ISP ha sido recientemente objeto de una importante actualización de sus funciones. Hasta ahora, Google se basaba en varias herramientas de rendimiento para evaluar el rendimiento del sitio, que producían recomendaciones variadas que no siempre eran fáciles de entender. Por ello, Google ha unificado los datos de sus herramientas para que los webmasters obtengan los mismos resultados en todas partes. A partir de ahora, el PSI funciona con Lighthouse, que es una herramienta automatizada de código abierto para mejorar la calidad de las páginas web. Es accesible desde Chrome DevTools, una línea de comandos o como un módulo Node.
Por tanto, este cambio ha supuesto grandes modificaciones en la ISP, que ahora distingue entre datos de laboratorio y datos "de campo". Los datos de laboratorio se destinan a la depuración porque proceden de un entorno controlado. Los datos de campo captan la experiencia real del usuario, especialmente en los móviles. Lighthouse emula una red 3G para simular el tiempo de carga en una red móvil estándar. Este elemento en particular es un verdadero avance.
Conclusión
PageSpeed Insight es por lo tanto una excelente herramienta para medir el rendimiento de sus páginas que, desde su actualización, ofrece datos mucho más fiables para los tiempos de carga de los móviles. Sin embargo, sigue siendo insuficiente como instrumento de análisis puro. No integra datos de compatibilidad móvil o posibles factores de bloqueo (etiqueta de noindex, URL canónica mala, etc.). Por lo tanto, es esencial hacer una referencia cruzada de varios análisis para tener una idea precisa del rendimiento real de una página.
Completa tu lectura
La guía completa para usar la consola de búsqueda de Google
Consola de búsqueda de Google: herramienta gratuita proporcionada por Google para analizar el rendimiento del SEO de su sitio web.