{"id":24274,"date":"2026-11-13T13:49:18","date_gmt":"2026-11-13T13:49:18","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/lazy-load-images\/"},"modified":"2026-11-13T13:49:18","modified_gmt":"2026-11-13T13:49:18","password":"","slug":"lazy-load-images","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/lazy-load-images\/","title":{"rendered":"C\u00f3mo usar la carga diferida de im\u00e1genes en tablas de WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Respuesta r\u00e1pida<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Ve a <strong>WP Table Builder &gt; Settings &gt; Lazy Load<\/strong>, activa <strong>Enable Lazy Loading Images<\/strong>, ajusta las opciones de marcador de posici\u00f3n y animaci\u00f3n, y haz clic en <strong>Save<\/strong>. Las im\u00e1genes de tus tablas de WP Table Builder solo se cargan cuando entran en pantalla, lo que hace que las p\u00e1ginas con muchas im\u00e1genes en tablas carguen m\u00e1s r\u00e1pido. La carga diferida es una funci\u00f3n de WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">La carga diferida retrasa la carga de una imagen hasta que el visitante se acerca a ella. En tablas comparativas y de productos con muchas im\u00e1genes, reduce los datos que se cargan al abrir la p\u00e1gina y puede mejorar las puntuaciones de velocidad.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3362585e-ae6b-480a-801b-732fd8265e65\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Requisitos<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Concepto<\/th><th>Detalles<\/th><\/tr><\/thead><tbody><tr><td><strong>Plan<\/strong><\/td><td><a href=\"https:\/\/wptablebuilder.com\/es\/precios\/\">WP Table Builder Pro<\/a><\/td><\/tr><tr><td><strong>Se aplica a<\/strong><\/td><td>Elementos Image dentro de las tablas de WP Table Builder, en todas las tablas<\/td><\/tr><tr><td><strong>Rol de usuario<\/strong><\/td><td>Administrador<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Unos 2 minutos<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_24018eae-e350-4b3b-93a9-8b3eff087149\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Paso 1: Activa la carga diferida<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ve a <strong>WP Table Builder &gt; Settings<\/strong>.<\/li>\n\n\n\n<li>Abre <strong>Lazy Load<\/strong> .<\/li>\n\n\n\n<li>Activa <strong>Enable Lazy Loading Images<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-settings-lazy-load.jpg\" alt=\"Pesta\u00f1a de ajustes Lazy Load de WP Table Builder con el interruptor de activaci\u00f3n, la vista previa y las opciones generales\" class=\"wp-image-24268\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-settings-lazy-load.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-settings-lazy-load-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-settings-lazy-load-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-settings-lazy-load-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-settings-lazy-load-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e36f3769-3e0b-4e62-a6d3-f4f0d6638dff\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Paso 2: Configura las opciones<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Usa <strong>Preview<\/strong> (cuadro) para probar tus opciones. Haz clic en <strong>Load Image<\/strong> para reproducir el efecto de carga y en <strong>Reset<\/strong> para empezar de nuevo.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Secci\u00f3n<\/th><th>Ajuste<\/th><th>Qu\u00e9 hace<\/th><\/tr><\/thead><tbody><tr><td><strong>General Options<\/strong><\/td><td><strong>Visibility Percentage<\/strong><\/td><td>Qu\u00e9 parte de la imagen debe estar en pantalla antes de que se cargue<\/td><\/tr><tr><td><strong>General Options<\/strong><\/td><td><strong>Background Color<\/strong><\/td><td>Color del marcador de posici\u00f3n que se muestra antes de que cargue la imagen<\/td><\/tr><tr><td><strong>Icon Options<\/strong><\/td><td><strong>Icono<\/strong>, <strong>Icon Color<\/strong>, <strong>Icon Size<\/strong><\/td><td>Un icono opcional que se muestra en el marcador de posici\u00f3n<\/td><\/tr><tr><td><strong>Icon Options<\/strong><\/td><td><strong>Icon Animation<\/strong><\/td><td><strong>None<\/strong>, <strong>Heartbeat<\/strong>, <strong>Rotate<\/strong>, <strong>Flip<\/strong> o <strong>Jump<\/strong><\/td><\/tr><tr><td><strong>Image Load Options<\/strong><\/td><td><strong>Animation<\/strong><\/td><td>C\u00f3mo aparece la imagen: <strong>None<\/strong>, <strong>Slide In<\/strong>, <strong>Grow Sling<\/strong>, <strong>Flash<\/strong> o <strong>Flip<\/strong><\/td><\/tr><tr><td><strong>Image Load Options<\/strong><\/td><td><strong>Speed<\/strong><\/td><td>Velocidad de la animaci\u00f3n de carga<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Haz clic en <strong>Save<\/strong> cuando termines.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_ddc3929e-0b13-496e-9b38-32a07c731ed6\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Evitar conflictos con otros plugins de carga diferida<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si tambi\u00e9n usas un plugin de rendimiento que aplica carga diferida a las im\u00e1genes (por ejemplo, un plugin de cach\u00e9 o de optimizaci\u00f3n de im\u00e1genes), las im\u00e1genes pueden cargarse dos veces o no cargarse. Desactiva la carga diferida de WP Table Builder o excluye las im\u00e1genes de las tablas en tu otro plugin a\u00f1adiendo la clase <code>wptb-image-element-target<\/code> a su lista de exclusiones.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_ef78e230-217e-439f-a7f0-e2dca2e2a625\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-04f96f76-b51b-482e-a9aa-831647eed481\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-04f96f76-b51b-482e-a9aa-831647eed481\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-04f96f76-b51b-482e-a9aa-831647eed481\" style=\"color: #000000; \"><strong>\u00bfWP Table Builder usa carga diferida para las im\u00e1genes de las tablas?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-04f96f76-b51b-482e-a9aa-831647eed481\">\n\n<p class=\"wp-block-paragraph\">S\u00ed, con WP Table Builder Pro. Activa Enable Lazy Loading Images en WP Table Builder &gt; Settings &gt; Lazy Load.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-04f96f76-b51b-482e-a9aa-831647eed481\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-04f96f76-b51b-482e-a9aa-831647eed481\" style=\"color: #000000; \"><strong>\u00bfLa carga diferida se aplica a todas las tablas?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-04f96f76-b51b-482e-a9aa-831647eed481\">\n\n<p class=\"wp-block-paragraph\">S\u00ed. El ajuste Lazy Load es global y se aplica a los elementos Image de todas las tablas de WP Table Builder.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-04f96f76-b51b-482e-a9aa-831647eed481\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-04f96f76-b51b-482e-a9aa-831647eed481\" style=\"color: #000000; \"><strong>Las im\u00e1genes de mi tabla no aparecen despu\u00e9s de activar la carga diferida. \u00bfQu\u00e9 hago?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-04f96f76-b51b-482e-a9aa-831647eed481\">\n\n<p class=\"wp-block-paragraph\">Probablemente otro plugin de carga diferida est\u00e1 gestionando las mismas im\u00e1genes. Excluye la clase wptb-image-element-target en ese plugin o desactiva una de las dos funciones de carga diferida.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-04f96f76-b51b-482e-a9aa-831647eed481\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-04f96f76-b51b-482e-a9aa-831647eed481\" style=\"color: #000000; \"><strong>\u00bfLa carga diferida est\u00e1 disponible en la versi\u00f3n gratuita?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-04f96f76-b51b-482e-a9aa-831647eed481\">\n\n<p class=\"wp-block-paragraph\">No. La carga diferida es una funci\u00f3n de WP Table Builder Pro.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5e04828b-0862-472d-a609-b6b9dc44f8c4\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Documentos relacionados<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/agregar-imagen-a-la-tabla-de-wordpress\/\">Imagen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/cambiar-tamano-de-imagen-wp-table-builder\/\">C\u00f3mo cambiar el tama\u00f1o de una imagen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/settings-overview\/\">Los ajustes de WP Table Builder explicados<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/agregar-la-imagen-del-producto-de-amazon\/\">C\u00f3mo a\u00f1adir una imagen de producto de Amazon<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Load table images only when they scroll into view to speed up pages.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[100],"doc_tag":[],"class_list":["post-24274","docs","type-docs","status-publish","hentry","doc_category-interactive-features"],"year_month":"2026-11","word_count":383,"total_views":"2","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/es\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Interactive Features","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/interactive-features\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=24274"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/24274\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=24274"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=24274"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=24274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}