El comportamiento de lazy loading y srcset en WordPress ha mejorado discretamente varias veces desde 2020. En 2026 es m\u00e1s capaz de lo que la mayor\u00eda de los desarrolladores de temas cree. Esta gu\u00eda explica qu\u00e9 hace WordPress de forma predeterminada, qu\u00e9 no hace y d\u00f3nde encaja un plugin de descarga de medios.<\/p>\n
Desde la versi\u00f3n 5.5, WordPress a\u00f1ade autom\u00e1ticamente loading=\u00bblazy\u00bb a las im\u00e1genes por debajo del pliegue. Desde la 6.3 intenta omitir la imagen LCP para que se cargue de inmediato. Ambos comportamientos se pueden ajustar con filtros.<\/p>\n
Para la mayor\u00eda de los temas, los valores predeterminados son correctos. En algunos temas personalizados, la heur\u00edstica falla y la imagen LCP se carga de forma diferida por error.<\/p>\n
WordPress genera varias variantes de imagen al subirla y luego las ensambla en un atributo srcset en la salida. Los navegadores modernos eligen la variante adecuada seg\u00fan el viewport y la densidad de p\u00edxeles. Esto es autom\u00e1tico si usas the_post_thumbnail o wp_get_attachment_image.<\/p>\n
Las plantillas personalizadas que codifican etiquetas img a mano suelen omitir esto. Cambia a las funciones auxiliares y obtendr\u00e1s srcset gratis.<\/p>\n
La imagen del Largest Contentful Paint debe cargarse de inmediato. Si tu tema la carga de forma diferida por error, el LCP se resiente de forma visible. A\u00f1ade loading=\u00bbeager\u00bb y fetchpriority=\u00bbhigh\u00bb a la imagen principal en la plantilla, no en el marcado.<\/p>\n
Un peque\u00f1o ajuste del tema aqu\u00ed suele valer un segundo entero de mejora en el LCP.<\/p>\n
Tanto el lazy loading como srcset dan por hecho que la entrega de im\u00e1genes es r\u00e1pida. Si tu origen es lento, ning\u00fan atributo de carga ingenioso te salva. Defyn Media Offload reescribe cada variante de srcset a una URL de CDN para que el navegador obtenga el tama\u00f1o adecuado desde el nodo de borde adecuado. Esa combinaci\u00f3n es la que marca la diferencia en m\u00f3vil.<\/p>\n
Sin descarga, el lazy loading solo retrasa una petici\u00f3n lenta. Con descarga, cada variante de srcset llega r\u00e1pido cuando se necesita.<\/p>\n
Cargar de forma diferida la imagen LCP. Omitir srcset en etiquetas img escritas a mano. Saltarse los atributos width y height, lo que provoca desplazamientos de dise\u00f1o. Poner demasiados recursos tras preload, lo que satura la red.<\/p>\n
Corrige esto en orden y estar\u00e1s muy cerca de una puntuaci\u00f3n verde en Core Web Vitals.<\/p>\n