Optimización de imágenes web: formatos, tamaños adaptables y prioridades de carga
Un archivo más pequeño ayuda cuando el navegador recibe la imagen adecuada en el momento oportuno.
Herramientas
Revisa el rendimiento con evidencia y guarda el progreso en este navegador.
Guardado localmente en tu navegador. No se envía nada al servidor.
El progreso se almacena localmente en el navegador. No hay cuenta de proyecto ni sincronización entre dispositivos o navegadores. Borrar los datos del sitio puede eliminarlo.
El número completado describe el estado de la lista. No es una puntuación, una certificación de accesibilidad ni prueba de superar Core Web Vitals. Páginas con la misma plantilla pueden presentar problemas distintos por contenido, medios e integraciones.
Usa cada elemento como pregunta de investigación. La imagen LCP no debería retrasarse con carga diferida, pero eso no exige cargar todas las imágenes de inmediato. La caché prolongada sirve para archivos estáticos versionados; las páginas privadas necesitan otras reglas. Aplica cada comprobación en su contexto.
Guarda evidencia en las tareas del proyecto: URL, dispositivo, estado de caché, componente y grabaciones antes y después. La lista muestra el proceso; esos registros demuestran lo verificado.
Por el cuello de botella medido. Un primer byte tardío orienta a servidor y caché; una solicitud de imagen tardía, al descubrimiento; una interacción lenta, al hilo principal y renderizado; movimiento inesperado, al espacio de diseño.
Si no conoces la causa, utiliza Core Web Vitals para principiantes para elegir un informe y sigue la guía del indicador. Completar casillas fáciles puede parecer productivo sin resolver el problema principal.
No. Una publicación estática y una tienda personalizada tienen restricciones distintas. Algunos puntos requieren juzgar pertinencia, control de plataforma y compromisos. Anota externamente los no aplicables; no afirmes haber implementado algo solo para completar el contador.
Evita reglas numéricas universales cuando el coste depende de la página. DOM, dimensiones de imagen y actividad de scripts requieren mediciones representativas. Las guías de JavaScript y respuesta del servidor explican esas dependencias.
No automáticamente. El almacenamiento pertenece a ese navegador para este sitio. Otro dispositivo, sesión privada o perfil borrado puede no contenerlo. Copia el resumen cuando necesites un registro duradero. No incluyas credenciales ni información operativa sensible en material que compartirás.
Repite la revisión tras cambios importantes de plantilla, plugins o integraciones. Mantener rendimiento resulta más fácil con una verificación concreta por cambio que con un contador de finalización antiguo.
Un archivo más pequeño ayuda cuando el navegador recibe la imagen adecuada en el momento oportuno.
Una grabación de rendimiento indica qué código eliminar, aplazar, dividir o trasladar a un worker.
Controla cuándo aparece el texto, qué archivos necesita y qué cambia al llegar la fuente definitiva.