{"id":971,"date":"2026-01-09T09:12:37","date_gmt":"2026-01-09T08:12:37","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=971"},"modified":"2026-01-09T13:00:36","modified_gmt":"2026-01-09T12:00:36","slug":"lazy-load-wordpress-que-es-como-configurarlo","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/lazy-load-wordpress-que-es-como-configurarlo\/","title":{"rendered":"Lazy Load en WordPress: qu\u00e9 es y c\u00f3mo configurarlo"},"content":{"rendered":"<p>Los tiempos de carga y la velocidad de tu web son dos factores clave para WPO y que debes tener siempre en cuenta si quieres tener tu <a href=\"https:\/\/www.lucushost.com\/blog\/optimizar-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress bien optimizado a nivel de SEO<\/strong><\/a>. As\u00ed que, si quieres trabajar sobre ellos y seguir optimizando tu web al m\u00e1ximo, a continuaci\u00f3n te explicamos <strong>qu\u00e9 es y c\u00f3mo configurar Lazy Load en WordPress<\/strong>.<\/p>\n<p><!--more--><\/p>\n<p>No es la primera vez que te hablamos de la t\u00e9cnica Lazy Load en nuestro blog, pero hoy queremos ir un paso m\u00e1s all\u00e1 y explicarte con todo detalle c\u00f3mo funciona, c\u00f3mo configurarla correctamente en WordPress y si puede ser o no una buena opci\u00f3n para tu p\u00e1gina web.<\/p>\n<p>Ver\u00e1s.<\/p>\n<p>La velocidad de carga de tu web influye directamente en dos cosas esenciales: la experiencia de tus usuarios y tu posicionamiento en buscadores como Google. En este art\u00edculo, voy a ense\u00f1arte c\u00f3mo implementar Lazy Load en WordPress de tal forma que puedas acelerar tu sitio cargando solo lo necesario, en el momento necesario.<\/p>\n<p>\u00a1Vamos a ello!<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Que_es_Lazy_Load_en_WordPress\">\u00bfQu\u00e9 es Lazy Load en WordPress?<\/a><\/li><li><a href=\"#Como_funciona_Lazy_Load\">\u00bfC\u00f3mo funciona Lazy Load?<\/a><\/li><li><a href=\"#Como_configurar_Lazy_Load_en_WordPress_y_cuando_es_necesario\">\u00bfC\u00f3mo configurar Lazy Load en WordPress? (y cu\u00e1ndo es necesario)<\/a><ul><li><a href=\"#Opcion_1_LiteSpeed_Cache_si_tu_hosting_lo_soporta\">Opci\u00f3n 1: LiteSpeed Cache (si tu hosting lo soporta)<\/a><\/li><li><a href=\"#Opcion_2_Smush_Lazy_Load_Images_Optimize_Compress_Images\">Opci\u00f3n 2: Smush \u2013 Lazy Load Images, Optimize &amp; Compress Images<\/a><\/li><\/ul><\/li><li><a href=\"#Comprueba_que_tienes_activado_correctamente_Lazy_Load_en_WordPress\">Comprueba que tienes activado correctamente Lazy Load en WordPress<\/a><\/li><li><a href=\"#Debo_activar_siempre_Lazy_Load_en_WordPress\">\u00bfDebo activar siempre Lazy Load en WordPress?<\/a><\/li><li><a href=\"#Lazy_Load_en_WordPress_Recomendaciones_finales\">Lazy Load en WordPress: Recomendaciones finales<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Que_es_Lazy_Load_en_WordPress\">\u00bfQu\u00e9 es Lazy Load en WordPress?<\/span><\/h2>\n<p>Lazy Load o tambi\u00e9n conocida como carga diferida es una t\u00e9cnica de dise\u00f1o web que consiste en <strong>retrasar la carga de ciertos elementos de una web<\/strong>, principalmente im\u00e1genes, v\u00eddeos o <em>frames<\/em> hasta el momento de su utilizaci\u00f3n.<\/p>\n<p>En otras palabras, podemos definir <strong>Lazy Load como una t\u00e9cnica de carga progresiva<\/strong>, es decir, los elementos (im\u00e1genes o v\u00eddeos) solamente se cargar\u00e1n a medida que el usuario hace scroll y llega a ellos.<\/p>\n<h2><span id=\"Como_funciona_Lazy_Load\">\u00bfC\u00f3mo funciona Lazy Load?<\/span><\/h2>\n<p>Como hemos visto, implantando una t\u00e9cnica de Lazy Load en WordPress, nuestras im\u00e1genes o v\u00eddeos no se cargar\u00e1n hasta el momento que el usuario hace scroll y llega hasta ese contenido.<\/p>\n<p>Por tanto, en vez de cargar todas las im\u00e1genes de la p\u00e1gina por la que el usuario est\u00e1 navegando, solamente cargan las que est\u00e1n dentro del \u00e1rea visible de la pantalla.<\/p>\n<ul>\n<li><strong>\u00bfEl objetivo?<\/strong> Mejora la velocidad de nuestra web.<\/li>\n<li><strong>\u00bfC\u00f3mo se consigue?<\/strong> Evitando la carga de los elementos que no est\u00e1n dentro del \u00e1rea visible de la pantalla del usuario, ahorrando recursos del servidor y mejorando los tiempos de carga y la velocidad web.<\/li>\n<\/ul>\n<h2><span id=\"Como_configurar_Lazy_Load_en_WordPress_y_cuando_es_necesario\">\u00bfC\u00f3mo configurar Lazy Load en WordPress? (y cu\u00e1ndo es necesario)<\/span><\/h2>\n<p>Lo primero que debes saber es que WordPress ya incorpora Lazy Load de forma nativa desde la versi\u00f3n 5.5. Como consecuencia, si tu web est\u00e1 actualizada, no necesitas hacer nada m\u00e1s para que las im\u00e1genes de tus entradas o p\u00e1ginas se carguen de forma diferida.<br \/>\nWordPress se encarga autom\u00e1ticamente de a\u00f1adir el atributo <strong>loading=\u00bblazy\u00bb<\/strong> a las im\u00e1genes insertadas a trav\u00e9s del editor. Como resultado, mejora notablemente la velocidad de carga y el rendimiento sin depender de plugins externos.<\/p>\n<p>Entonces, \u00bfcu\u00e1ndo necesitas configurar algo extra? Te cuento. Aunque el Lazy Load nativo cubre muchos casos, hay situaciones en las que conviene ir un paso m\u00e1s all\u00e1:<\/p>\n<ul>\n<li>Si utilizas un constructor visual que no a\u00f1ade <strong>loading=\u00bblazy\u00bb<\/strong> correctamente.<\/li>\n<li>Si tienes iframes embebidos (por ejemplo, v\u00eddeos de YouTube o Vimeo).<\/li>\n<li>Si tu web utiliza temas personalizados o plugins que sobrescriben el comportamiento por defecto.<\/li>\n<li>Si quieres tener un mayor control sobre qu\u00e9 elementos se cargan con Lazy Load y c\u00f3mo se comportan.<\/li>\n<\/ul>\n<p>En todos estos casos, s\u00ed puede ser \u00fatil usar un plugin.<\/p>\n<p>Ahora bien.<\/p>\n<p>Es importante que, <strong><a href=\"https:\/\/www.lucushost.com\/blog\/51-consejos-antes-de-instalar-plugin-en-wordpress\/\">antes de instalar un plugin<\/a><\/strong>, revises si ya tienes alguno que contenga la funcionalidad que quieres implementar en tu web. Tener muchos plugins instalados en tu aplicaci\u00f3n puede ser contraproducente y afectar al rendimiento de tu web. Por ejemplo, con <strong><a href=\"https:\/\/www.lucushost.com\/blog\/litespeed-cache-wordpress\/\">LiteSpeed Cache<\/a><\/strong> puedes habilitar esta opci\u00f3n f\u00e1cilmente desde el panel de configuraci\u00f3n del plugin.<\/p>\n<h3><span id=\"Opcion_1_LiteSpeed_Cache_si_tu_hosting_lo_soporta\">Opci\u00f3n 1: L<strong data-start=\"1664\" data-end=\"1683\">iteSpeed Cache<\/strong> (si tu hosting lo soporta)<\/span><\/h3>\n<p>Adem\u00e1s de la cach\u00e9, LiteSpeed Cache permite activar Lazy Load para im\u00e1genes e iframes. Es muy f\u00e1cil de configurar desde el panel del plugin y puedes afinar incluso qu\u00e9 tipos de contenido se cargan con esta t\u00e9cnica.<\/p>\n<blockquote><p>Existen otros plugins de cach\u00e9 que tambi\u00e9n ayudan a mejorar la velocidad de carga de WordPress y a optimizar el rendimiento general de la web, tambi\u00e9n cuando utilizas t\u00e9cnicas como Lazy Load. Dependiendo del tipo de proyecto, del hosting o de las necesidades concretas de tu sitio, tendr\u00e1s que valorar distintas alternativas. En este art\u00edculo, te mostramos una comparativa con los <a href=\"https:\/\/www.lucushost.com\/blog\/plugins-cache-wordpress-top-3\/\" target=\"_blank\" rel=\"noopener\"><strong>mejores plugins de cach\u00e9 para WordPress<\/strong><\/a>, para que puedas elegir el que te parezca mejor.<\/p><\/blockquote>\n<h3><span id=\"Opcion_2_Smush_Lazy_Load_Images_Optimize_Compress_Images\">Opci\u00f3n 2: Smush \u2013 Lazy Load Images, Optimize &amp; Compress Images<\/span><\/h3>\n<p>Este complemento es uno de los m\u00e1s utilizados para la optimizaci\u00f3n de im\u00e1genes y, c\u00f3mo no, tambi\u00e9n para Lazy Load en WordPress. \u00bfVemos r\u00e1pidamente c\u00f3mo se configura?<\/p>\n<p>Lo primero de todo, accede al panel de administraci\u00f3n de WordPress y, en el men\u00fa lateral, pulsa sobre \u00abPlugins\u00bb \u2192 \u00abA\u00f1adir nuevo\u00bb. En el buscador escribe \u00abSmush \u2013 Lazy Load Images, Optimize &amp; Compress Images\u00bb. Instala y activa el plugin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4427\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/instalar-smush-lay-load-wordpress-1.png\" alt=\"Instalar el plugin Smush \u2013 Lazy Load Images, Optimize &amp; Compress Images en WordPress\" width=\"562\" height=\"237\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/instalar-smush-lay-load-wordpress-1.png 562w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/instalar-smush-lay-load-wordpress-1-300x127.png 300w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><\/p>\n<p>Una vez hecho esto, se crear\u00e1 la secci\u00f3n \u00abSmush\u00bb en el panel de administraci\u00f3n de WordPress. Accede a ella y ver\u00e1s que, por defecto, ya se activa la carga diferida de im\u00e1genes para todos los formatos de imagen, ubicaciones y tipos de contenido. Eso s\u00ed, revisa bien todas las opciones por si quieres excluir alg\u00fan tipo de medio o p\u00e1gina de tu web.<\/p>\n<h2><span id=\"Comprueba_que_tienes_activado_correctamente_Lazy_Load_en_WordPress\">Comprueba que tienes activado correctamente Lazy Load en WordPress<\/span><\/h2>\n<p>\u00bfQuieres asegurarte de que la carga progresiva est\u00e1 activada en tu web? Es muy f\u00e1cil:<\/p>\n<ul>\n<li>Abre una entrada de tu blog o una p\u00e1gina en la que tengas varias im\u00e1genes.<\/li>\n<li>Haz clic derecho \u2192 <strong data-start=\"2941\" data-end=\"2959\">\u201cInspeccionar\u201d<\/strong>.<\/li>\n<li>Busca una etiqueta &lt;img&gt; y revisa si incluye el atributo <strong>loading=\u00bblazy\u00bb<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1006 size-full\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/comprobar-lazy-load-wordpress-con-inspector-1.png\" alt=\"Ejemplo de c\u00f3mo comprobar si tenermos activado Lazy Load en WordPress\" width=\"1264\" height=\"591\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/comprobar-lazy-load-wordpress-con-inspector-1.png 1264w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/comprobar-lazy-load-wordpress-con-inspector-1-300x140.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/comprobar-lazy-load-wordpress-con-inspector-1-768x359.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/comprobar-lazy-load-wordpress-con-inspector-1-1024x479.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2018\/09\/comprobar-lazy-load-wordpress-con-inspector-1-700x327.png 700w\" sizes=\"(max-width: 1264px) 100vw, 1264px\" \/><\/p>\n<p>Tal y como se muestra en el ejemplo anterior, al cargar la entrada del blog solo se cargan los elementos del \u00e1rea visible de la pantalla. El resto de elementos, b\u00e1sicamente im\u00e1genes y texto, se cargan y se muestran a medida que hacemos scroll en el navegador.<\/p>\n<h2><span id=\"Debo_activar_siempre_Lazy_Load_en_WordPress\">\u00bfDebo activar siempre Lazy Load en WordPress?<\/span><\/h2>\n<p>Activar la t\u00e9cnica<strong> Lazy Load en WordPress<\/strong> te ayudar\u00e1 a mejorar la velocidad de carga de tu web y la experiencia de usuario, pero<strong> te recomendamos activarlo solo si es necesario<\/strong>.<\/p>\n<p>Como sabes, <strong><a href=\"https:\/\/www.lucushost.com\/blog\/51-consejos-antes-de-instalar-plugin-en-wordpress\/\">instalar demasiados plugins en tu instalaci\u00f3n de WordPress<\/a><\/strong> puede llegar a perjudicar al rendimiento de tu sitio. Por lo que el tiempo de carga que te estar\u00edas ahorrando en la carga de im\u00e1genes, lo estar\u00edas perdiendo por un uso inadecuado de plugins.<\/p>\n<p>Activar Lazy Load en WordPress es recomendable para<strong> webs en las que tienes muchas im\u00e1genes o estas son de mucha calidad<\/strong>. Por ejemplo, si tienes una web de fotograf\u00eda o un portafolio de tu trabajo es una muy buena opci\u00f3n. De todas maneras, no hay que ir tan lejos. Si tienes un blog de recetas de cocina en el que subes im\u00e1genes de todo el proceso o v\u00eddeos con tus creaciones, es una buena opci\u00f3n para reducir el tiempo de carga y darle un peque\u00f1o empuj\u00f3n al SEO de tu web.<\/p>\n<h2><span id=\"Lazy_Load_en_WordPress_Recomendaciones_finales\">Lazy Load en WordPress: Recomendaciones finales<\/span><\/h2>\n<p>Lazy Load es una t\u00e9cnica de optimizaci\u00f3n web que permite cargar im\u00e1genes y otros elementos multimedia \u00fanicamente cuando el usuario se desplaza por la p\u00e1gina y estos entran en el \u00e1rea visible de su pantalla. Gracias a este enfoque, se reduce el consumo de recursos, se acelera el tiempo de carga de tu sitio y se mejora notablemente la experiencia de usuario. Todo esto, adem\u00e1s, puede traducirse en mejores posiciones en los resultados de b\u00fasqueda de Google.<\/p>\n<p>Activar Lazy Load en WordPress es un proceso simple. En muchos casos, tu plantilla o tema ya lo incluye por defecto, por lo que solo necesitar\u00e1s verificar que est\u00e9 habilitado. Si no es as\u00ed, puedes recurrir a plugins como LiteSpeed Cache o Smush.<\/p>\n<p>Ahora bien, ten en cuenta que implementar Lazy Load es un gran primer paso, pero si quieres mejorar de verdad la velocidad de tu web, te conviene trabajar la optimizaci\u00f3n de WordPress de forma global. Hay factores como el hosting, la cach\u00e9, la carga de scripts, la optimizaci\u00f3n de im\u00e1genes o la base de datos (entre otros) que influyen much\u00edsimo en el rendimiento. Si quieres profundizar en todo ello, en esta gu\u00eda te explicamos <a href=\"https:\/\/www.lucushost.com\/blog\/como-acelerar-wordpress-al-maximo\/\" target=\"_blank\" rel=\"noopener\"><strong data-start=\"629\" data-end=\"666\">c\u00f3mo acelerar WordPress al m\u00e1ximo<\/strong><\/a>, con consejos pr\u00e1cticos que puedes aplicar incluso si no tienes conocimientos t\u00e9cnicos avanzados.<\/p>\n<p>Y t\u00fa, \u00bfhas probado Lazy Load en tu web? \u00bfCrees que mejora realmente la velocidad y la navegaci\u00f3n? Nos encantar\u00eda conocer tu experiencia en los comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los tiempos de carga y la velocidad de tu web son dos factores clave para WPO y que debes tener siempre en cuenta si quieres tener tu WordPress bien optimizado a nivel de SEO. As\u00ed que, si quieres trabajar sobre ellos y seguir optimizando tu web al m\u00e1ximo, a continuaci\u00f3n te explicamos qu\u00e9 es y c\u00f3mo configurar Lazy Load en WordPress.<\/p>\n","protected":false},"author":3,"featured_media":986,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,44,46],"tags":[70,49,56,47,61],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/971"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=971"}],"version-history":[{"count":14,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/971\/revisions"}],"predecessor-version":[{"id":13932,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/971\/revisions\/13932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/986"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}