{"id":9755292,"date":"2026-10-13T11:01:11","date_gmt":"2026-10-13T09:01:11","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=9755292"},"modified":"2026-10-13T11:01:17","modified_gmt":"2026-10-13T09:01:17","slug":"lazy-load-wordpress","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/","title":{"rendered":"Lazy load en WordPress: c\u00f3mo aplicar la carga diferida a im\u00e1genes, v\u00eddeos y m\u00e1s"},"content":{"rendered":"\n<p>\u00bfTu web de WordPress usa muchas im\u00e1genes? No ser\u00eda de extra\u00f1ar, ya que son <a href=\"https:\/\/httparchive.org\/reports\/state-of-images\">el formato multimedia m\u00e1s popular<\/a> de la web. Sin embargo, al mismo tiempo, las im\u00e1genes pueden ralentizar seriamente tu sitio, y por eso necesitas saber c\u00f3mo usar el <strong>lazy load en WordPress<\/strong>.<\/p>\n\n\n\n<p>Ya hemos hablado antes de <a href=\"https:\/\/wp-rocket.me\/blog\/image-optimization-wordpress\/\">optimizar las im\u00e1genes<\/a> para que sean lo m\u00e1s peque\u00f1as posible y se carguen r\u00e1pido. Sin embargo, hay un l\u00edmite a lo que puedes reducir el tama\u00f1o de tus im\u00e1genes sin que pierdan calidad. Adem\u00e1s, si tienes muchas im\u00e1genes en la misma p\u00e1gina, su tama\u00f1o se va sumando, aunque est\u00e9n optimizadas.<\/p>\n\n\n\n<p>Adame Dahmani, Product Manager de WP Rocket, lo explica as\u00ed:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>La carga diferida (lazy loading) aplaza la carga de las im\u00e1genes, los v\u00eddeos y los iframes que est\u00e1n fuera de la pantalla hasta que se necesitan, lo que reduce las peticiones innecesarias. As\u00ed se alivia la presi\u00f3n sobre el ancho de banda y el procesamiento, y el navegador puede gestionar de forma m\u00e1s eficiente el hilo principal y la ruta cr\u00edtica de renderizado. Bien implementada, mejora el <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-first-contentful-paint\/\">First Contentful Paint<\/a> y, a menudo, el <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-largest-contentful-paint\/\">Largest Contentful Paint<\/a>, porque da prioridad al contenido de la parte superior de la p\u00e1gina (above the fold).<\/p>\n<\/blockquote>\n\n\n\n<p>Motivo suficiente para preparar una gu\u00eda detallada sobre la carga diferida en WordPress, \u00bfno te parece? Por eso, en este art\u00edculo aprender\u00e1s c\u00f3mo funciona y c\u00f3mo puedes aplicar la carga diferida a tu web para obtener los mejores resultados.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es la carga diferida (lazy loading)?<\/h2>\n\n\n\n<p>Normalmente, cuando abres una p\u00e1gina web, tu navegador carga todos sus datos de una vez. Cada imagen, cada texto, cada enlace, etc.<\/p>\n\n\n\n<p>Sobre todo con las im\u00e1genes, si hay muchas, esto puede llevar mucho tiempo. Las im\u00e1genes son mucho m\u00e1s grandes que otros elementos de una web. Adem\u00e1s, mientras el navegador est\u00e1 ocupado con ellas, a menudo impiden que se carguen otros recursos, lo que evita que tu p\u00e1gina termine el proceso de renderizado.<\/p>\n\n\n\n<p>El resultado: tus visitantes tienen que esperar mucho para ver la p\u00e1gina web que han solicitado. Y muchos no se quedar\u00e1n a esperar, lo que dispara tu <a href=\"https:\/\/wp-rocket.me\/blog\/optimize-wordpress-bounce-rate\/\">tasa de rebote<\/a>.<\/p>\n\n\n\n<p>El <strong>lazy loading<\/strong> lo evita impidiendo que se carguen las im\u00e1genes y otros recursos que no se ven inicialmente en la pantalla, y es una forma eficaz de <a href=\"https:\/\/wp-rocket.me\/blog\/optimize-website-loading-time\/\">optimizar el tiempo de carga de tu web<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1532\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example.jpg\" alt=\"Resultados de Google Im\u00e1genes para una b\u00fasqueda de cachorros, con las filas inferiores todav\u00eda en blanco porque a\u00fan no se han cargado\" class=\"wp-image-6919132\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-191x195.jpg 191w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-768x784.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-59x60.jpg 59w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-88x90.jpg 88w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>En su lugar, las im\u00e1genes situadas m\u00e1s abajo en la p\u00e1gina solo se cargan progresivamente, a medida que los visitantes se desplazan hacia ellas. As\u00ed no saturan el navegador, que puede cargar otras partes de la web m\u00e1s r\u00e1pido. En consecuencia, las p\u00e1ginas aparecen antes para los visitantes, lo que se traduce en una mejor experiencia.<\/p>\n\n\n\n<p>Por cierto, eso es exactamente lo que quieren decir las <a href=\"https:\/\/wp-rocket.me\/blog\/how-to-test-wordpress-site-performance-measure-speed-results\/\">herramientas de prueba de velocidad<\/a> cuando te indican \u00ab<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/defer-offscreen-images\/\">Posp\u00f3n la carga de im\u00e1genes que no aparecen en pantalla<\/a>\u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo funciona la carga diferida<\/h3>\n\n\n\n<p>Hay varias formas de implementar la carga diferida. Antes necesitabas un JavaScript bastante sofisticado para hacerlo. Sin embargo, hoy en d\u00eda se ha convertido en una funci\u00f3n est\u00e1ndar de los navegadores.<\/p>\n\n\n\n<p>Por eso, puedes limitarte a marcar con un atributo HTML las im\u00e1genes que quieras cargar de esta forma, y los navegadores de tus visitantes har\u00e1n el resto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"391\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools.jpg\" alt=\"Inspector de las herramientas para desarrolladores de Firefox con el atributo loading=lazy resaltado en una etiqueta img\" class=\"wp-image-6919150\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-310x81.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-768x200.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-190x50.jpg 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-345x90.jpg 345w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>Esto es estupendo porque facilita la implementaci\u00f3n, no requiere c\u00f3digo adicional en tu web y estandariza el m\u00e9todo. Como se ha convertido en el est\u00e1ndar de facto, ahora tambi\u00e9n se conoce como \u00abcarga diferida nativa\u00bb (native lazy loading).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ventajas de la carga diferida<\/h3>\n\n\n\n<p>Ahora que sabes c\u00f3mo funciona, \u00bfqu\u00e9 ventajas tiene aplicar la carga diferida a las im\u00e1genes de tu web?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tiempos de carga de p\u00e1gina m\u00e1s cortos:<\/strong> ya lo hemos comentado. Al evitar que las im\u00e1genes y otros elementos multimedia se carguen de entrada, puedes reducir mucho el tiempo que tarda en aparecer una p\u00e1gina web.<\/li>\n\n\n\n<li><strong>Menos trabajo para el navegador:<\/strong> si las im\u00e1genes tienen carga diferida, tu navegador no tendr\u00e1 que procesarlas hasta que un visitante se desplace hacia abajo por la p\u00e1gina.<\/li>\n\n\n\n<li><strong>Menos peticiones HTTP:<\/strong> tambi\u00e9n <a href=\"https:\/\/wp-rocket.me\/blog\/reduce-http-requests-speed-wordpress-site\/\">reducir\u00e1s el n\u00famero de peticiones HTTP<\/a> y mejorar\u00e1s la nota del Largest Contentful Paint.<\/li>\n\n\n\n<li><strong>Mejor experiencia de usuario:<\/strong> a los visitantes de una web les encantan las p\u00e1ginas que cargan r\u00e1pido, as\u00ed que la carga diferida puede favorecer las conversiones y otras m\u00e9tricas de interacci\u00f3n.<\/li>\n\n\n\n<li><strong>Menos costes de servidor y de CDN:<\/strong> tu servidor o tu CDN tendr\u00e1n que descargar menos datos, lo que se traduce en facturas m\u00e1s baratas si tienes un ancho de banda limitado.<\/li>\n\n\n\n<li><strong>Rendimiento m\u00e1s r\u00e1pido en m\u00f3viles:<\/strong> las im\u00e1genes influyen m\u00e1s en las conexiones m\u00f3viles lentas. Si reduces su influencia, tus usuarios de m\u00f3viles se beneficiar\u00e1n especialmente.<\/li>\n\n\n\n<li><strong>Ventajas para el SEO:<\/strong> la carga diferida mejora las <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/\">Core Web Vitals<\/a>, que son un factor de posicionamiento de Google.<\/li>\n\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Posibles inconvenientes<\/h3>\n\n\n\n<p>Al mismo tiempo, la carga diferida tambi\u00e9n puede dar problemas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Problemas de rendimiento:<\/strong> aplicar la carga diferida en la parte superior de la p\u00e1gina (logotipos, im\u00e1genes de cabecera, etc.) puede llegar a perjudicar el rendimiento. Esto se debe a que el elemento Largest Contentful Paint es probablemente una imagen de la parte superior de la p\u00e1gina, as\u00ed que deber\u00eda cargarse lo antes posible. M\u00e1s adelante veremos c\u00f3mo excluir im\u00e1genes de la carga diferida.<\/li>\n\n\n\n<li><strong>Problemas de SEO:<\/strong> si se implementa mal, puedes impedir que los motores de b\u00fasqueda indexen las im\u00e1genes con carga diferida. Sin embargo, si sigues las instrucciones de esta gu\u00eda, no deber\u00eda ser un problema.<\/li>\n\n\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cambios de dise\u00f1o:<\/strong> si no defines el tama\u00f1o de las im\u00e1genes con carga diferida, el dise\u00f1o de la web puede desplazarse, lo que perjudica al <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-cumulative-layout-shift\/\">Cumulative Layout Shift<\/a>.<\/li>\n\n\n\n<li><strong>Posibles conflictos:<\/strong> la funci\u00f3n puede chocar con algunos plugins.<\/li>\n\n\n\n<li><strong>Efecto en la experiencia de usuario:<\/strong> la carga diferida se nota cuando alguien se desplaza muy r\u00e1pido hacia abajo por la p\u00e1gina.<\/li>\n\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cu\u00e1ndo usar la carga diferida<\/h3>\n\n\n\n<p>Entonces, \u00bfcu\u00e1ndo tiene sentido usar esta t\u00e9cnica?<\/p>\n\n\n\n<p>En la mayor\u00eda de los casos, es m\u00e1s eficaz si tienes muchas im\u00e1genes en tu web, por ejemplo, art\u00edculos de blog largos con muchas capturas de pantalla. Sin embargo, tambi\u00e9n puede aplicarse a p\u00e1ginas de producto o de portfolio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1317\" height=\"2048\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-scaled.jpg\" alt=\"P\u00e1gina de listado de productos de H&amp;M en la que los productos de las filas inferiores todav\u00eda no muestran sus im\u00e1genes\" class=\"wp-image-6919168\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-scaled.jpg 1317w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-125x195.jpg 125w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-768x1194.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-39x60.jpg 39w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-58x90.jpg 58w\" sizes=\"auto, (max-width: 1317px) 100vw, 1317px\" \/><\/figure>\n\n\n\n<p>En cuanto a qu\u00e9 im\u00e1genes exactamente deben llevar carga diferida, deber\u00edan ser las que quedan por debajo de la parte superior de la p\u00e1gina (below the fold). As\u00ed se reducir\u00e1 el tiempo de carga de la p\u00e1gina sin afectar a la experiencia de usuario. Ya hemos dicho antes que no deber\u00edas aplicar la carga diferida a las im\u00e1genes de la parte superior de la p\u00e1gina, ya que puede perjudicar al tiempo de carga de la p\u00e1gina.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 <strong>\u00bfLo sab\u00edas?<\/strong> WP Rocket ahora incluye <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-21\/\">Rocket Insights<\/a>, el centro de rendimiento integrado que funciona con la tecnolog\u00eda de GTmetrix. Lleva la monitorizaci\u00f3n del rendimiento justo donde ya optimizas tu web, para que puedas supervisar tus p\u00e1ginas clave, entender tus resultados, recibir recomendaciones claras vinculadas a las funcionalidades de WP Rocket y volver a hacer pruebas cuando quieras, todo sin tener que ir saltando entre varias herramientas.<\/p>\n\n<p>\ud83d\ude80 <strong>Actualiza WP Rocket a la \u00faltima versi\u00f3n<\/strong> para empezar a usar Rocket Insights directamente desde tu panel de control: \u00a1est\u00e1 incluido gratis en tu plan!<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo aplicar la carga diferida nativa a las im\u00e1genes<\/h2>\n\n\n\n<p>Basta de teor\u00eda, pasemos a la pr\u00e1ctica. Como primer paso, veamos c\u00f3mo implementar el <strong>lazy load<\/strong> si quieres usar la soluci\u00f3n nativa del navegador.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">El atributo HTML loading<\/h3>\n\n\n\n<p>Para que los navegadores apliquen la carga diferida, los elementos de la web cuya carga deba retrasarse tienen que estar marcados con el atributo HTML &lt;loading=\u201clazy\u201d&gt;. As\u00ed es como se ve en la pr\u00e1ctica:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"wp-rocket-is-awesome.jpg\" loading=\"lazy\" alt=\"WP Rocket\" \/&gt;\n&lt;iframe src=\"WP-Cache-Basics.html\" loading=\"lazy\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>El atributo admite dos valores:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>lazy<\/strong>: aplaza la carga de los elementos de imagen o iframe.<\/li>\n\n\n\n<li><strong>eager<\/strong>: es el comportamiento de carga est\u00e1ndar. El recurso se solicita de inmediato, est\u00e9 donde est\u00e9.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Actualmente, el atributo loading solo admite las etiquetas &lt;img&gt; e &lt;iframe&gt;. Por ejemplo, no puedes usarlo para aplicar la carga diferida a im\u00e1genes de fondo en CSS. M\u00e1s abajo veremos opciones para hacerlo.<\/p>\n\n\n\n<p>Adem\u00e1s, como lo han adoptado pr\u00e1cticamente todos los navegadores (ver m\u00e1s abajo), este m\u00e9todo tambi\u00e9n es el m\u00e1s seguro en cuanto a la indexaci\u00f3n de las im\u00e1genes con carga diferida para el SEO. Mientras la etiqueta img tenga un atributo src, al menos Google no deber\u00eda tener ning\u00fan problema para indexar tus im\u00e1genes.<\/p>\n\n\n\n<p>Solo si implementas la carga diferida con JavaScript puede ser buena idea indicar el src dentro de una etiqueta &lt;noscript&gt;. Es para los motores de b\u00fasqueda cuyos rastreadores no saben procesar JavaScript (de nuevo, Google puede hacerlo sin problemas).<\/p>\n\n\n\n<p>En cualquier caso, tambi\u00e9n es buena idea proporcionar un sitemap de im\u00e1genes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compatibilidad con los navegadores<\/h3>\n\n\n\n<p>La carga diferida se ha convertido en un est\u00e1ndar web de facto. Seg\u00fan <a href=\"https:\/\/caniuse.com\/loading-lazy-attr\">Can I Use<\/a>, deber\u00eda funcionar para m\u00e1s del 95\u00a0% de los usuarios de navegadores de todo el mundo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1375\" height=\"493\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support.jpg\" alt=\"Tabla de Can I Use sobre la compatibilidad de los navegadores con el atributo loading en im\u00e1genes e iframes, con un uso global del 95,57\u00a0%\" class=\"wp-image-6919177\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support.jpg 1375w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-310x111.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-768x275.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-167x60.jpg 167w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-251x90.jpg 251w\" sizes=\"auto, (max-width: 1375px) 100vw, 1375px\" \/><\/figure>\n\n\n\n<p>Adem\u00e1s, aunque hayas implementado la carga diferida en tu web, no perjudicar\u00e1 a la experiencia en un navegador que no la admita.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La carga diferida en WordPress: opciones integradas<\/h2>\n\n\n\n<p>Desde WordPress 5.5, el CMS aplica la <strong>carga diferida<\/strong> a las im\u00e1genes de forma predeterminada. La funci\u00f3n se ampli\u00f3 a los iframes en la versi\u00f3n 5.7 y se perfeccion\u00f3 en WordPress 5.9.<\/p>\n\n\n\n<p>As\u00ed que, si <a href=\"https:\/\/wp-rocket.me\/blog\/squarespace-to-wordpress\/\">has migrado tu web de un CMS como Squarespace a WordPress<\/a> y tu sitio WordPress usa la \u00faltima versi\u00f3n, cualquier imagen o iframe que tenga asignados los atributos width y height recibir\u00e1 autom\u00e1ticamente el atributo &lt;loading=\u201dlazy\u201d&gt;. Esta condici\u00f3n se ha incluido para evitar los problemas de Cumulative Layout Shift que ya hemos mencionado.<\/p>\n\n\n\n<p>Adem\u00e1s, a partir de WordPress 5.9, la carga diferida no se aplicar\u00e1 al primer iframe ni a la primera imagen de una p\u00e1gina. As\u00ed se evitan los problemas de LCP que hemos visto antes.<\/p>\n\n\n\n<p>Aparte de eso, WordPress aplica el atributo a las im\u00e1genes en los siguientes lugares:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contenido de las entradas<\/li>\n\n\n\n<li>Extractos de las entradas<\/li>\n\n\n\n<li>Widgets de texto<\/li>\n\n\n\n<li>Im\u00e1genes de avatar<\/li>\n\n\n\n<li>Im\u00e1genes a\u00f1adidas como adjuntos<\/li>\n\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Opciones de personalizaci\u00f3n<\/h3>\n\n\n\n<p>Actualmente, no hay opciones sin c\u00f3digo para desactivar de forma selectiva la carga diferida nativa de WordPress en determinadas p\u00e1ginas o im\u00e1genes. Si quieres hacerlo, tienes que usar un plugin o algunos de los filtros y funciones siguientes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_lazy_loading_enabled\/\">wp_lazy_loading_enabled<\/a>: puedes usarlo para activar y desactivar por completo la carga diferida de las im\u00e1genes en determinados contextos.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_filter_content_tags\/\">wp_filter_content_tags()<\/a>: a\u00f1ade los atributos srcset, sizes y loading a las etiquetas HTML img, adem\u00e1s de atributos loading a los iframes.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_img_tag_add_width_and_height_attr\">wp_img_tag_add_width_and_height_attr()<\/a>: sirve para aplicar los atributos width y height a las etiquetas img que no los tienen, para que se les pueda aplicar la carga diferida.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_img_tag_add_srcset_and_sizes_attr\">wp_img_tag_add_srcset_and_sizes_attr()<\/a>: incluye los atributos srcset y sizes en las etiquetas img existentes, con fines similares a los de la funci\u00f3n anterior.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_img_tag_add_loading_attr\">wp_img_tag_add_loading_attr()<\/a>: a\u00f1ade el atributo loading a las etiquetas img. Para los iframes, usa wp_iframe_tag_add_loading_attr().<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_omit_loading_attr_threshold\/\">wp_omit_loading_attr_threshold()<\/a>: establece un umbral que determina cu\u00e1ntas de las primeras im\u00e1genes e iframes no deber\u00edan cargarse en diferido. Resulta \u00fatil si tu web muestra varios elementos multimedia en la parte superior de la p\u00e1gina y quieres desactivar la carga diferida en todos ellos.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Para ver ejemplos de c\u00f3mo usar lo anterior para modificar la carga diferida en WordPress, consulta los anuncios de <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/#customizing-lazy-loading\">WordPress 5.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/19\/lazy-loading-iframes-in-5-7\/\">5.7<\/a> y <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">5.9<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Consejos para solucionar problemas<\/h3>\n\n\n\n<p>Si la carga diferida nativa no funciona en tu sitio WordPress, probablemente se deba a que intentas aplicarla a elementos que no llevan las etiquetas &lt;img&gt; o &lt;iframe&gt;. Son las \u00fanicas etiquetas a las que WordPress aplica la carga diferida de forma nativa. Para otras opciones, consulta la siguiente secci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo activar la carga diferida de WordPress para im\u00e1genes y v\u00eddeos con un plugin<\/h2>\n\n\n\n<p>Hay muchas <a href=\"https:\/\/wp-rocket.me\/blog\/best-lazy-load-plugins-wordpress\/\">opciones de plugins para a\u00f1adir la carga diferida a tu web<\/a>. Pero, con diferencia, la forma m\u00e1s sencilla es WP Rocket. Se tarda menos de un minuto.<\/p>\n\n\n\n<p>Solo tienes que ir a <strong>Ajustes &gt; WP Rocket &gt; Medios<\/strong> en el escritorio de tu WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1179\" height=\"964\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket.jpg\" alt=\"Pesta\u00f1a Medios de WP Rocket con las opciones de LazyLoad para im\u00e1genes, im\u00e1genes de fondo en CSS e iframes y v\u00eddeos activadas, el campo de im\u00e1genes o iframes excluidos y la opci\u00f3n de dimensiones de imagen\" class=\"wp-image-6919188\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket.jpg 1179w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-238x195.jpg 238w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-768x628.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-73x60.jpg 73w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-110x90.jpg 110w\" sizes=\"auto, (max-width: 1179px) 100vw, 1179px\" \/><\/figure>\n\n\n\n<p>Marca las casillas de los tipos de medios a los que quieras aplicar la carga diferida:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Im\u00e1genes<\/li>\n\n\n\n<li>Im\u00e1genes de fondo en CSS<\/li>\n\n\n\n<li>iframes y v\u00eddeos<\/li>\n\n\n<\/ul>\n\n\n\n<p>Adem\u00e1s, puedes hacer que WP Rocket sustituya los v\u00eddeos de YouTube incrustados por una imagen de vista previa. Por \u00faltimo, hay una opci\u00f3n para a\u00f1adir los atributos width y height a las im\u00e1genes que no los tienen, para que tambi\u00e9n puedan beneficiarse de la carga diferida.<\/p>\n\n\n\n<p>Elige las opciones que quieras y haz clic en <strong>Guardar cambios<\/strong>, abajo del todo. Listo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Diferencias con la carga diferida nativa<\/h3>\n\n\n\n<p>Como ya puedes ver en lo anterior, las opciones de WP Rocket van m\u00e1s all\u00e1 de la carga diferida nativa de WordPress. Una de las principales diferencias es que tambi\u00e9n aplica la carga diferida a las im\u00e1genes de fondo, tanto a las que est\u00e1n en l\u00ednea como a las definidas en archivos CSS. Por ejemplo, este es un marcado compatible con esta funci\u00f3n:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div style=\"background-image: url(image.jpg)\"&gt;<\/code><\/pre>\n\n\n\n<p>Puedes leer m\u00e1s sobre la carga diferida de im\u00e1genes de fondo con WP Rocket en nuestra <a href=\"https:\/\/docs.wp-rocket.me\/article\/1141-using-lazyload-in-wp-rocket#background-images\">documentaci\u00f3n t\u00e9cnica<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo comprobar si la carga diferida funciona<\/h3>\n\n\n\n<p>Para ver si la carga diferida se aplica correctamente en tu web, puedes usar las herramientas para desarrolladores del navegador. Ve a la pesta\u00f1a \u00abRed\u00bb y usa el filtro \u00abImg\u00bb. Vuelve a cargar la p\u00e1gina: en la lista solo deber\u00edas ver las im\u00e1genes de la parte superior de la p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"777\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working.jpg\" alt=\"Pesta\u00f1a de red de las herramientas para desarrolladores de Firefox con el filtro de im\u00e1genes activado y solo las im\u00e1genes de la parte superior de la p\u00e1gina de wp-rocket.me en la lista\" class=\"wp-image-6919204\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-310x161.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-768x398.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-116x60.jpg 116w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-174x90.jpg 174w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>Cuando empieces a desplazarte hacia abajo, deber\u00edan ir apareciendo cada vez m\u00e1s im\u00e1genes. Adem\u00e1s, deber\u00edas ver el valor lazyload en la columna \u00abIniciador\u00bb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"844\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1.jpg\" alt=\"Pesta\u00f1a de red de las herramientas para desarrolladores de Firefox con la columna del iniciador resaltada y los valores lazy-img y lazy-imageset de las im\u00e1genes cargadas al desplazarse\" class=\"wp-image-6919215\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-310x174.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-768x432.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-107x60.jpg 107w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-160x90.jpg 160w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Consejos para solucionar problemas<\/h3>\n\n\n\n<p>Si ves que algunas im\u00e1genes no tienen carga diferida aunque hayas activado la opci\u00f3n, puede haber varios motivos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Algunos tipos de im\u00e1genes se excluyen a prop\u00f3sito, como las galer\u00edas de productos de WooCommerce<\/li>\n\n\n\n<li>Las im\u00e1genes contienen alguno de los atributos excluidos, como data-src y data-no-lazy<\/li>\n\n\n\n<li>La imagen se ha a\u00f1adido de forma din\u00e1mica con JavaScript<\/li>\n\n\n\n<li>Hay un conflicto con otro plugin que a\u00f1ade la carga diferida, o tu tema tiene su propia funci\u00f3n de carga diferida<\/li>\n\n\n<\/ul>\n\n\n\n<p>Para m\u00e1s informaci\u00f3n, lee nuestra documentaci\u00f3n sobre <a href=\"https:\/\/docs.wp-rocket.me\/article\/1421-some-images-are-not-lazyloaded\">por qu\u00e9 algunas im\u00e1genes no tienen carga diferida<\/a>, los <a href=\"https:\/\/docs.wp-rocket.me\/article\/278-common-issues-with-lazyload\">problemas habituales con la carga diferida<\/a> y los <a href=\"https:\/\/docs.wp-rocket.me\/article\/38-lazyload-plugin-compatibility\">plugins compatibles<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo desactivar la carga diferida en WordPress<\/h2>\n\n\n\n<p>Hay casos en los que quieres desactivar la carga diferida, ya sea en todo el sitio, en una p\u00e1gina entera o en im\u00e1genes concretas. Aqu\u00ed tienes distintas formas de hacerlo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Desactiva por completo la carga diferida nativa de WordPress<\/h3>\n\n\n\n<p>Si quieres desactivar la carga diferida integrada en tu web de WordPress, puedes hacerlo con este fragmento de c\u00f3digo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code><\/pre>\n\n\n\n<p>Ponlo en el archivo functions.php de tu tema (\u00a1hijo!). Tambi\u00e9n puedes a\u00f1adirlo con un plugin como <a href=\"https:\/\/wordpress.org\/plugins\/wp-headers-and-footers\/\">Insert Headers and Footers<\/a> o <a href=\"https:\/\/docs.wp-rocket.me\/article\/142-how-to-make-a-custom-mu-plugin\">crear tu propio MU-plugin<\/a>.<\/p>\n\n\n\n<p>Para desactivar la carga diferida nativa de WordPress solo en contextos concretos o en determinadas im\u00e1genes, consulta las funciones y los filtros de la secci\u00f3n <em>Opciones de personalizaci\u00f3n<\/em> de m\u00e1s arriba.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Desactiva la carga diferida en WP Rocket<\/h3>\n\n\n\n<p>Puedes desactivar la funci\u00f3n LazyLoad de WP Rocket con la misma facilidad con la que la activaste. Ve al panel <strong>Medios<\/strong>, desmarca las casillas y guarda.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"746\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket.jpg\" alt=\"Secci\u00f3n LazyLoad de WP Rocket con las tres casillas desmarcadas y el bot\u00f3n para guardar los cambios resaltado\" class=\"wp-image-6919229\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket.jpg 941w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-246x195.jpg 246w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-768x609.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-76x60.jpg 76w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-114x90.jpg 114w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Excluye entradas y p\u00e1ginas concretas de la carga diferida<\/h3>\n\n\n\n<p>Si quieres desactivar esta funci\u00f3n solo en una entrada o p\u00e1gina concreta, tambi\u00e9n puedes hacerlo muy f\u00e1cilmente con WP Rocket. Abre la p\u00e1gina o la entrada en el editor y busca el cuadro \u00abAjustes de WP Rocket\u00bb en la barra lateral (ten en cuenta que el contenido tiene que estar publicado para que est\u00e9 disponible).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1176\" height=\"613\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages.jpg\" alt=\"Editor de bloques de WordPress con el cuadro de ajustes de WP Rocket resaltado en la barra lateral y sus casillas para la entrada abierta, entre ellas las de LazyLoad\" class=\"wp-image-6919244\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages.jpg 1176w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-310x162.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-768x400.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-115x60.jpg 115w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-173x90.jpg 173w\" sizes=\"auto, (max-width: 1176px) 100vw, 1176px\" \/><\/figure>\n\n\n\n<p>Solo tienes que desmarcar la opci\u00f3n que no quieras usar y actualizar el contenido. Si alguna opci\u00f3n aparece en gris, primero tienes que activarla de forma global en los ajustes de WP Rocket.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Quita la carga diferida de im\u00e1genes o iframes concretos<\/h3>\n\n\n\n<p>Tambi\u00e9n puedes desactivar la carga diferida en elementos multimedia concretos. Encontrar\u00e1s esa opci\u00f3n en el panel <strong>Medios<\/strong> de los ajustes de WP Rocket.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"938\" height=\"741\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket.jpg\" alt=\"Campo de im\u00e1genes o iframes excluidos de la secci\u00f3n LazyLoad de WP Rocket, resaltado, con el nombre de un archivo de imagen\" class=\"wp-image-6919261\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket.jpg 938w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-247x195.jpg 247w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-768x607.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-76x60.jpg 76w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-114x90.jpg 114w\" sizes=\"auto, (max-width: 938px) 100vw, 938px\" \/><\/figure>\n\n\n\n<p>Introduce en el campo el nombre de archivo, la clase CSS, el atributo de img, el nombre de dominio (para im\u00e1genes externas) o el nombre del archivo CSS de la imagen que no quieras cargar de forma diferida, y guarda. Tienes m\u00e1s informaci\u00f3n y ejemplos en la <a href=\"https:\/\/docs.wp-rocket.me\/article\/15-disable-lazy-load-on-specific-images\">documentaci\u00f3n<\/a>.<\/p>\n\n\n\n<p>Ten en cuenta, sin embargo, que no necesitas usar esta funci\u00f3n para excluir de la carga diferida las im\u00e1genes de la parte superior de la p\u00e1gina. Como no excluirlas puede perjudicar mucho al Largest Contentful Paint y a la puntuaci\u00f3n global de PageSpeed Insights, <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-16\/\">WP Rocket lo hace autom\u00e1ticamente<\/a> sin que tengas que mover un dedo. Si tienes cualquier otro motivo para excluir im\u00e1genes o iframes de la carga diferida, puedes seguir usando el m\u00e9todo descrito arriba.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Modifica la carga diferida de WP Rocket mediante c\u00f3digo<\/h3>\n\n\n\n<p>Si quieres tener m\u00e1s control sobre c\u00f3mo funciona la carga diferida en WP Rocket, tambi\u00e9n puedes modificarla con c\u00f3digo. Los fragmentos siguientes van en tu functions.php o en un plugin creado para ello.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Desactiva la carga diferida de forma condicional<\/h3>\n\n\n\n<p>Empezaremos con una estructura general de funci\u00f3n que puedes usar para desactivar la carga diferida en distintas circunstancias:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action('wp', function () {\n\n   \t \/\/ Declare condition set to false as a default\n   \t $condition = false;\n\n   \t \/\/ Build your condition logic to turn \u2018$condition\u2019 to \u2018true\u2019 when applicable\n\n   \t if ($condition) {\n\n   \t  \/\/ Disable Rocket Lazy Load if condition is met\n   \t  add_filter('do_rocket_lazyload', '__return_false');\n   \t \n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<p>A continuaci\u00f3n tienes algunos ejemplos de c\u00f3mo usar este enfoque.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Desactiva la carga diferida en todas las p\u00e1ginas<\/h4>\n\n\n\n<p>Usa esto si quieres aplicar la carga diferida a las im\u00e1genes de tus entradas, pero no a las de tus p\u00e1ginas:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_page() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Quita la carga diferida de la p\u00e1gina de inicio<\/h4>\n\n\n\n<p>Desactiva la carga diferida en la p\u00e1gina de inicio de tu sitio (la que configuras en <strong>Ajustes &gt; Lectura &gt; P\u00e1gina de inicio<\/strong>):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_front_page() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Desactiva la carga diferida en la p\u00e1gina de tu blog<\/h4>\n\n\n\n<p>Lo mismo que antes, pero para el caso en que hayas configurado tu p\u00e1gina de inicio como un blog:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_home() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Elimina la carga diferida de las entradas individuales<\/h4>\n\n\n\n<p>Para desactivar la carga diferida en todas las entradas individuales, pero mantenerla en las p\u00e1ginas y en la p\u00e1gina de inicio de tu blog, usa este fragmento:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_single() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Desactiva LazyLoad en im\u00e1genes concretas<\/h4>\n\n\n\n<p>Puedes indicar a WP Rocket que no use la carga diferida en im\u00e1genes concretas con el atributo data-no-lazy:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"my-image.jpg\" data-no-lazy=\"1\" alt=\"\" width=\"100\" height=\"100\" \/&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">A\u00f1ade un efecto de aparici\u00f3n gradual a las im\u00e1genes con carga diferida<\/h4>\n\n\n\n<p>Puede resultar algo brusco para los visitantes que tus im\u00e1genes con carga diferida aparezcan de la nada en la p\u00e1gina. Mostrar las im\u00e1genes de forma gradual es un efecto popular para mejorar esa experiencia.<\/p>\n\n\n\n<p>El siguiente fragmento de CSS a\u00f1adir\u00e1 un efecto de aparici\u00f3n gradual (fade-in) a tu web. Ten en cuenta que va en tu style.css, no en functions.php:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>img[data-lazy-src] {\n    opacity: 0;\n}\n\nimg.lazyloaded {\n    -webkit-transition: opacity .5s linear 0.2s;\n    -moz-transition: opacity .5s linear 0.2s;\n    transition: opacity .5s linear 0.2s;\n    opacity: 1;\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Ajusta el umbral de LazyLoad<\/h4>\n\n\n\n<p>De forma predeterminada, WP Rocket cargar\u00e1 las im\u00e1genes con carga diferida que est\u00e9n a menos de 300 p\u00edxeles de la ventana del navegador. Puedes ajustar este umbral as\u00ed:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'rocket_lazyload_threshold', function ( $threshold ) {\n    return 100;\n});<\/code><\/pre>\n\n\n\n<p>Nota: en el ejemplo anterior, el umbral es de 100\u00a0px. Ajusta el n\u00famero a tu gusto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes sobre el lazy load en WordPress<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 es el lazy load?<\/h3>\n\n\n\n<p>El lazy load, o carga diferida, es una t\u00e9cnica que impide que se carguen las im\u00e1genes y otros recursos que no se ven inicialmente en la pantalla hasta que el visitante se desplace hacia ellos. As\u00ed, el navegador no se satura y puede cargar antes otras partes de la web, de modo que las p\u00e1ginas aparecen m\u00e1s r\u00e1pido. Hoy es una funci\u00f3n est\u00e1ndar de los navegadores: basta con marcar las im\u00e1genes con el atributo HTML loading y el valor lazy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfWordPress tiene lazy load nativo?<\/h3>\n\n\n\n<p>S\u00ed: desde WordPress 5.5, el CMS aplica la carga diferida a las im\u00e1genes de forma predeterminada. La funci\u00f3n se ampli\u00f3 a los iframes en la versi\u00f3n 5.7 y se perfeccion\u00f3 en WordPress 5.9, que ya no la aplica a la primera imagen ni al primer iframe de la p\u00e1gina. Con la \u00faltima versi\u00f3n, WordPress a\u00f1ade autom\u00e1ticamente el atributo loading a las im\u00e1genes y los iframes que tienen asignados los atributos width y height, por ejemplo en el contenido y los extractos de las entradas, los widgets de texto y las im\u00e1genes de avatar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfC\u00f3mo activar el lazy load en WordPress?<\/h3>\n\n\n\n<p>En WordPress, la carga diferida nativa ya se aplica de forma predeterminada a las im\u00e1genes y los iframes que tienen los atributos width y height, as\u00ed que no tienes que hacer nada para usarla. Si quieres aplicarla tambi\u00e9n a las im\u00e1genes de fondo en CSS o tener m\u00e1s control, la forma m\u00e1s sencilla es un plugin como WP Rocket: ve a \u00abAjustes &gt; WP Rocket &gt; Medios\u00bb, marca las casillas de las im\u00e1genes, las im\u00e1genes de fondo en CSS y los iframes y v\u00eddeos, y haz clic en \u00abGuardar cambios\u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfC\u00f3mo desactivar el lazy load en WordPress?<\/h3>\n\n\n\n<p>Para desactivar por completo la carga diferida nativa de WordPress, a\u00f1ade el fragmento <code>add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code> al archivo functions.php de tu tema hijo, o hazlo con un plugin como Insert Headers and Footers o con tu propio MU-plugin. Si usas WP Rocket, ve al panel \u00abMedios\u00bb, desmarca las casillas y guarda. Tambi\u00e9n puedes desactivarla solo en una entrada o p\u00e1gina concreta desde el cuadro \u00abAjustes de WP Rocket\u00bb del editor, o excluir im\u00e1genes e iframes concretos en el panel \u00abMedios\u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEl lazy load afecta al LCP?<\/h3>\n\n\n\n<p>S\u00ed: aplicada a las im\u00e1genes de la parte superior de la p\u00e1gina, la carga diferida puede perjudicar al Largest Contentful Paint (LCP), porque el elemento LCP es probablemente una imagen de esa zona y deber\u00eda cargarse lo antes posible. Por eso, lo recomendable es aplicarla solo a las im\u00e1genes que quedan por debajo de la parte superior de la p\u00e1gina. Desde WordPress 5.9, la carga diferida no se aplica a la primera imagen ni al primer iframe de la p\u00e1gina para evitar problemas de LCP, y WP Rocket excluye autom\u00e1ticamente las im\u00e1genes de la parte superior de la p\u00e1gina. Bien implementada, la carga diferida mejora el First Contentful Paint y, a menudo, el Largest Contentful Paint.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Empieza ya a usar la carga diferida en WordPress<\/h2>\n\n\n\n<p>La carga diferida es una forma excelente de mejorar el rendimiento de tu web. Es m\u00e1s eficaz en los sitios que tienen muchas im\u00e1genes, porque impide que estas y otros elementos multimedia se carguen hasta que aparezcan realmente en la pantalla.<\/p>\n\n\n\n<p>Aunque WordPress ya incluye la carga diferida nativa de forma predeterminada, no ofrece muchos controles para quien no es desarrollador y solo se aplica a las im\u00e1genes y a los elementos iframe. Si quieres un enfoque m\u00e1s granular y aplicar tambi\u00e9n la carga diferida a elementos como los fondos CSS, lo mejor es optar por un plugin como WP Rocket. Te permite desactivar la carga diferida en determinadas partes de tu sitio e incluso en archivos concretos.<\/p>\n\n\n\n<p><a href=\"https:\/\/wp-rocket.me\/es\/\">Pru\u00e9balo ahora<\/a>. Si no te convence, siempre puedes contar con nuestra garant\u00eda de devoluci\u00f3n del dinero del 100\u00a0%.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.<\/p>\n","protected":false},"author":335480,"featured_media":2647995,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_focuskw":"lazy load wordpress","_yoast_wpseo_title":"Lazy load en WordPress: gu\u00eda completa para 2026","_yoast_wpseo_metadesc":"C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.","inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[63],"tags":[],"class_list":["post-9755292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-cache"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lazy load en WordPress: gu\u00eda completa para 2026<\/title>\n<meta name=\"description\" content=\"C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazy load en WordPress: gu\u00eda completa para 2026\" \/>\n<meta property=\"og:description\" content=\"C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T09:01:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T09:01:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nick Sch\u00e4ferhoff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nick Sch\u00e4ferhoff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/\"},\"author\":{\"name\":\"Nick Sch\u00e4ferhoff\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798\"},\"headline\":\"Lazy load en WordPress: c\u00f3mo aplicar la carga diferida a im\u00e1genes, v\u00eddeos y m\u00e1s\",\"datePublished\":\"2026-10-13T09:01:11+00:00\",\"dateModified\":\"2026-10-13T09:01:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/\"},\"wordCount\":4108,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"articleSection\":[\"Page speed and caching\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/\",\"url\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/\",\"name\":\"Lazy load en WordPress: gu\u00eda completa para 2026\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"datePublished\":\"2026-10-13T09:01:11+00:00\",\"dateModified\":\"2026-10-13T09:01:17+00:00\",\"description\":\"C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"width\":1100,\"height\":460,\"caption\":\"WP Rocket and Native LazyLoad on WordPress 5.5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/wp-rocket.me\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page speed and caching\",\"item\":\"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Lazy load en WordPress: c\u00f3mo aplicar la carga diferida a im\u00e1genes, v\u00eddeos y m\u00e1s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d&#039;optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798\",\"name\":\"Nick Sch\u00e4ferhoff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g\",\"caption\":\"Nick Sch\u00e4ferhoff\"},\"description\":\"Content writer, entrepreneur, and digital marketer. Lover of languages. Based in Berlin but home anywhere that has an Internet connection. Bad at writing short bios.\",\"sameAs\":[\"https:\/\/nickschaeferhoff.com\/\",\"https:\/\/www.linkedin.com\/in\/nschaeferhoff\/\"],\"url\":\"https:\/\/wp-rocket.me\/es\/blog\/author\/nick-schaferhoff\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lazy load en WordPress: gu\u00eda completa para 2026","description":"C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Lazy load en WordPress: gu\u00eda completa para 2026","og_description":"C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.","og_url":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2026-10-13T09:01:11+00:00","article_modified_time":"2026-10-13T09:01:17+00:00","og_image":[{"width":1100,"height":460,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","type":"image\/png"}],"author":"Nick Sch\u00e4ferhoff","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"Escrito por":"Nick Sch\u00e4ferhoff","Tiempo de lectura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/"},"author":{"name":"Nick Sch\u00e4ferhoff","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798"},"headline":"Lazy load en WordPress: c\u00f3mo aplicar la carga diferida a im\u00e1genes, v\u00eddeos y m\u00e1s","datePublished":"2026-10-13T09:01:11+00:00","dateModified":"2026-10-13T09:01:17+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/"},"wordCount":4108,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","articleSection":["Page speed and caching"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/","url":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/","name":"Lazy load en WordPress: gu\u00eda completa para 2026","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","datePublished":"2026-10-13T09:01:11+00:00","dateModified":"2026-10-13T09:01:17+00:00","description":"C\u00f3mo funciona el lazy loading en WordPress, cu\u00e1ndo basta con el lazy load nativo y c\u00f3mo aplicarlo a im\u00e1genes, iframes y v\u00eddeos sin perjudicar el LCP.","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","width":1100,"height":460,"caption":"WP Rocket and Native LazyLoad on WordPress 5.5"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/es\/blog\/lazy-load-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/wp-rocket.me\/es\/"},{"@type":"ListItem","position":2,"name":"Page speed and caching","item":"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/"},{"@type":"ListItem","position":3,"name":"Lazy load en WordPress: c\u00f3mo aplicar la carga diferida a im\u00e1genes, v\u00eddeos y m\u00e1s"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d&#039;optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798","name":"Nick Sch\u00e4ferhoff","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g","caption":"Nick Sch\u00e4ferhoff"},"description":"Content writer, entrepreneur, and digital marketer. Lover of languages. Based in Berlin but home anywhere that has an Internet connection. Bad at writing short bios.","sameAs":["https:\/\/nickschaeferhoff.com\/","https:\/\/www.linkedin.com\/in\/nschaeferhoff\/"],"url":"https:\/\/wp-rocket.me\/es\/blog\/author\/nick-schaferhoff\/"}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/posts\/9755292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/users\/335480"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/comments?post=9755292"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/posts\/9755292\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/media\/2647995"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/media?parent=9755292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/categories?post=9755292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/es\/wp-json\/wp\/v2\/tags?post=9755292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}