Qué es Constructor de atributos de carga de imagen?
Constructor de atributos de carga de imagen es una herramienta de navegador para esta tarea: Crea etiquetas img optimizadas combinando loading, decoding y fetchpriority. La salida es fácil de revisar antes de usarla en un sitio publicado.
Quick answer
Use loading='lazy' for below-the-fold images to defer loading until the user scrolls near them. Use loading='eager' or omit the attribute for above-the-fold images that should load immediately.
Limitations
- Lazy loading defers image requests but does not reduce total page weight -- images still download when scrolled into view.
- The browser reserves placeholder space for lazy images even before they load, which can affect layout if width and height attributes are missing.
- Using loading='lazy' on above-the-fold images can delay LCP and hurt user experience.
Cómo usar esta herramienta
- Abre la herramienta y escribe los valores necesarios.
- Revisa la salida en el panel de resultado.
- Copia solo la parte que encaja con tu página.
- Prueba el cambio antes de publicar.
Para qué puedes usarla
- Resolver tareas repetidas de publicación con menos fricción.
- Preparar marcado, CSS o checklists antes del lanzamiento.
- Evitar pequeños errores comunes en sitios estáticos.