PageSpeed Insights

Stay hungry, stay foolish

Steve Jobs

PageSpeed Insights es una herramienta que nos proporciona google para mejorar la velocidad de carga de nuestras páginas web en todos los dispositivos.

Para analizar nuestras pagians web entras a la siguiente url: https://developers.google.com/speed/pagespeed/insights/ y en el input escribes la url de tus pagians web a medir y precionas el boton de analizar.

Y después te mostrara todos los errores con comentarios y sugerencias para corregirlo y mejorar la velocidad de carga.

ep0itI3zSFKK7Lb5lxYCJ4yXb_1gvOa4bh7Bu8B1jjvvsZNPUHswU3gIBnEi5W_xWWwaUbqvxbTcnVL-G2126ny8WNzXGg=s888

PageSpeed Insights mide cómo la página puede mejorar el rendimiento de los siguientes factores:

  • tiempo de carga en la mitad superior de la página: tiempo transcurrido desde el momento en que un usuario solicita una página nueva hasta que el navegador muestra el contenido de la mitad superior.
  • tiempo de carga completa de la página: tiempo transcurrido desde el momento en que un usuario solicita una página nueva hasta que se muestra completamente en el navegador.

En general mide la carga de imágenes, css, javascript para móvil y pc de escritorio.

Los objetivos principales de esta herramienta son:

  • Minimizar el número de peticiones HTTP que se producen
  • Reducir el tamaño de las respuestas de estas peticiones HTTP
  • optimizar el renderizado de la página en el navegador.

Para eso se basa en las siguientes reglas:
Reglas de velocidad

  • Evitar los redireccionamientos a páginas de destino
  • Habilitar compresión
  • Mejorar el tiempo de respuesta del servidor
  • Especificar caché de navegador
  • Minificar recursos
  • Optimizar imágenes
  • Optimizar la entrega de CSS
  • Priorizar el contenido visible
  • Quitar el JavaScript que bloquea la visualización de contenido
  • Usar scripts asíncronos

Reglas de usabilidad

  • Evitar los plugins
  • Configurar ventana gráfica
  • Adaptar el contenido a la ventana gráfica
  • Aplicar el tamaño adecuado a los botones táctiles
  • Utilizar tamaños de fuente que se puedan leer