Velocidad web

Cómo optimizar la imagen principal de una web

La imagen principal puede retrasar la percepción de carga. Evalúa tamaño, formato y descubrimiento antes de reducir calidad indiscriminadamente.

Por Vynta1 min de lectura

La imagen principal puede retrasar la percepción de carga. Evalúa tamaño, formato y descubrimiento antes de reducir calidad indiscriminadamente.

Qué hacer

  1. Entrega dimensiones acordes al dispositivo.
  2. Comprime con revisión visual.
  3. Evita diferir una imagen visible que define la cabecera.

Ejemplo práctico

Ejemplo hipotético. Servir una fotografía de varios miles de píxeles en una cabecera móvil puede transferir datos innecesarios.

Error que conviene evitar

Aplicar carga diferida a todas las imágenes sin distinguir las visibles inicialmente.

Cómo comprobarlo

Comprueba cuál es el elemento principal medido y cuánto tarda en aparecer.

Puedes situar esta decisión en la guía cómo mejorar la velocidad de una web.

Siguiente paso

Para continuar con una decisión relacionada, consulta cómo revisar la usabilidad y accesibilidad de una web.

Si necesitas llevarlo a tu empresa, revisa nuestro servicio de desarrollo web y cuéntanos el proceso que quieres resolver.

Documentación para ampliar

La documentación enlazada amplía los conceptos técnicos. Los criterios y ejemplos de esta guía son orientaciones editoriales; comprueba las condiciones concretas de tu proyecto antes de aplicarlos.

← Volver a velocidad webHablar de mi proyecto