¡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?
El PageSpeed Insights API (PSI) es una herramienta gratuita ofrecida por Google para medir el rendimiento de una página, en el móvil / tableta y en el ordenador. Los datos recopilados van acompañados de consejos sobre cómo mejorar la página.
Estas mejoras pueden, por un lado, ayudar a reducir el tiempo de carga de la página, pero también a reducir su tasa de rebote, dos factores determinantes para la referenciación natural de su sitio.
¿Cómo interpretar los datos calculados por PageSpeed Insights?
Analizando 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: tiempo que tarda la página en cargarse completamente (desde el DOM). Esto corresponde al tiempo que tarda el navegador en cargar la página completamente. Indica el tiempo que transcurre entre el momento en que el usuario interactúa con un elemento de su página y el momento en que el navegador está listo para responder a la solicitud del usuario.
PSI recupera la URL dos veces: la primera vez con su agente de usuario de escritorio (= su robot de clasificación basado en computadora) y la segunda vez con su agente de usuario móvil.
Las puntuaciones mostradas van de 0 a 100 puntos. No te preocupes, si tu sitio no está 100% en todas partes, ¡es normal! Raros son los sitios que tienen tanto éxito que los criterios son severos. Sin embargo, debes tratar de acercarte lo más posible a ellos.
Si ves mucho rojo y amarillo en tu informe, significa que tu sitio está teniendo grandes problemas durante su 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 301 redireccionamientos es a veces inevitable, pero deben limitarse lo más posible.
De hecho, cada vez que un usuario tiene que ser redirigido se pierden preciosos segundos. Este caso se encuentra con bastante frecuencia en los sitios con una versión móvil. Cada página es redirigida a su versión móvil. Es por eso que Google aboga por un diseño más sensible para el móvil.
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
Minimizar 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. La mala codificación es a menudo la causa de este problema, pero no te asustes, hay soluciones para minimizar tu código sin empezar de cero.
- El minificador de HTML para minar el HTML
- CSSNano y csso.
- UglifyJS2 y el compilador de cierre para minimizar el JavaScript.
Otra opción es utilizar el formato AMP para proporcionar a los motores de búsqueda una versión simplificada de sus páginas que se cargará en unos 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
El PSI ha sido recientemente objeto de una importante actualización de su funcionalidad. Hasta ahora, Google utilizaba varias herramientas de rendimiento para evaluar el rendimiento de los sitios, lo que producía recomendaciones variadas y no siempre fáciles de entender. Por eso Google ha unificado los datos de sus herramientas para que los webmasters obtengan los mismos resultados en todas partes. Ahora, la PSI es impulsada por Lighthouse que es una herramienta de código abierto y automatizada para mejorar la calidad de las páginas web. Se puede acceder a él desde Chrome DevTools, una línea de comandos o como un módulo de nodos.
Por lo tanto, esta modificación ha traído consigo grandes cambios en la PSI, que ahora distingue los datos de laboratorio de los datos "de campo". Los datos de laboratorio están destinados a la depuración porque provienen de un entorno controlado. Los datos de campo captan la experiencia real del usuario, especialmente en los dispositivos móviles. Lighthouse emula una red 3G para simular el tiempo de carga en una red móvil estándar. ¡Es este elemento en particular el que es revolucionario!
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.