Imágenes y velocidad: una web visual que cargue con cuidado

El archivo debe acompañar su uso

Una imagen que ocupa una tarjeta no necesita necesariamente el mismo tamaño que una portada. Preparar variantes puede reducir transferencia y mejorar la carga. La compresión tiene que conservar la información visual relevante, no solamente reducir números.

El formato apropiado depende del contenido y del soporte. Las fotografías, ilustraciones y gráficos tienen necesidades distintas. No existe un formato que resuelva todos los casos sin revisar calidad, tamaño y compatibilidad.

Reservar espacio y priorizar

Indicá dimensiones o una proporción para que el navegador reserve espacio. Así el texto no se mueve inesperadamente cuando aparece la imagen. En una galería, los archivos que todavía no se ven pueden cargarse de forma diferida.

La imagen principal puede necesitar prioridad porque explica la página al abrir. Cargarla tarde mientras se descargan elementos secundarios puede perjudicar el recorrido. Revisá el orden de carga con datos, no solo por intuición.

Videos con una función concreta

Un video puede mostrar un proceso o una demostración. Tiene que incluir controles y no debería iniciar sonido sin decisión del usuario. Si su información es esencial, agregá una explicación escrita para quienes no pueden reproducirlo.

Antes de subir material, confirmá permisos de uso. Los videos de demostración deben identificarse como tales. El contenido multimedia no debería sugerir trabajos, instalaciones o clientes que no corresponden al negocio.

Medir y corregir

Probá páginas representativas en móvil y con una conexión limitada. Revisá si la demora está en imágenes, scripts, servidor o servicios externos. Una optimización debe responder a un problema observado.

Para completar la revisión, consultá mobile first y mantenimiento de una web. Una página rápida necesita decisiones de contenido además de ajustes técnicos.