Puntos clave
Una guía para optimizar imágenes grandes que reducen la puntuación métrica de la parte más grande visible (LCP).
Enfoque de LCP en la optimización de imágenes
En muchos sitios, el elemento LCP suele ser la imagen principal (imagen principal). Si esta imagen se carga tarde, significa que su sitio es lento a los ojos de Google. Mejorar su puntuación LCP afecta directamente tanto a la experiencia del usuario como a su ranking de búsqueda.
Estrategias de mejora de LCP
- Precarga: Declare la imagen principal de LCP en el navegador con antelación con
. - Formatos modernos: Ahorre entre un 50 % y un 70 % sin perder calidad utilizando WebP o AVIF en lugar de JPG
- Imágenes adaptables: deje de enviar imágenes de escritorio enormes a usuarios de dispositivos móviles usando
srcsetysizes. - Uso de CDN: reduzca el retraso causado por la distancia física al entregar imágenes desde servidores perimetrales.
Función de prioridad de búsqueda
Viene con HTML5. Puede agregar la atributo fetchpriority="high" a sus imágenes LCP para que el navegador priorice este recurso. Esta función es compatible con las versiones Chrome 101+.
Atención de carga diferida
¡Nunca agregue loading="lazy" a la imagen LCP! Esto retrasará la carga de la imagen y empeorará su puntuación LCP. La carga diferida solo debe usarse para imágenes de la mitad inferior de la página.
Meta Ads y Rendimiento
Detén la fuga de inversión con tracking server CAPI y escalado medible de ROAS
