{"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\/it\/docs\/lazy-load-images\/","title":{"rendered":"Come attivare il caricamento lazy delle immagini nelle tabelle di 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\">Risposta rapida<\/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\">Vai su <strong>WP Table Builder &gt; Settings &gt; Lazy Load<\/strong>, attiva <strong>Enable Lazy Loading Images<\/strong>, regola le opzioni di segnaposto e animazione e fai clic su <strong>Save<\/strong>. Le immagini nelle tabelle di WP Table Builder vengono cos\u00ec caricate solo quando entrano nella visuale, rendendo pi\u00f9 veloci le pagine con tabelle ricche di immagini. Il caricamento lazy \u00e8 una funzionalit\u00e0 di WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Il caricamento lazy ritarda il caricamento di un\u2019immagine finch\u00e9 il visitatore non si avvicina. Nelle tabelle di confronto e di prodotti con molte immagini, riduce i dati caricati all\u2019apertura della pagina e pu\u00f2 migliorare i punteggi di velocit\u00e0.<\/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\">Requisiti<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Voce<\/th><th>Dettagli<\/th><\/tr><\/thead><tbody><tr><td><strong>Piano<\/strong><\/td><td><a href=\"https:\/\/wptablebuilder.com\/it\/prezzi\/\">WP Table Builder Pro<\/a><\/td><\/tr><tr><td><strong>Si applica a<\/strong><\/td><td>Elementi Image all\u2019interno delle tabelle di WP Table Builder, in tutte le tabelle<\/td><\/tr><tr><td><strong>Ruolo utente<\/strong><\/td><td>Amministratore<\/td><\/tr><tr><td><strong>Tempo necessario<\/strong><\/td><td>Circa 2 minuti<\/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\">Passo 1: Attiva il caricamento lazy<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Vai su <strong>WP Table Builder &gt; Settings<\/strong>.<\/li>\n\n\n\n<li>Apri <strong>Lazy Load<\/strong> .<\/li>\n\n\n\n<li>Attiva <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=\"Scheda delle impostazioni Lazy Load di WP Table Builder con l\u2019interruttore di attivazione, l\u2019anteprima e le opzioni generali\" 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\">Passo 2: Imposta le opzioni<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Usa <strong>Preview<\/strong> (riquadro) per provare le tue scelte. Fai clic su <strong>Load Image<\/strong> per riprodurre l\u2019effetto di caricamento e su <strong>Reset<\/strong> per ricominciare.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Sezione<\/th><th>Impostazione<\/th><th>Cosa fa<\/th><\/tr><\/thead><tbody><tr><td><strong>General Options<\/strong><\/td><td><strong>Visibility Percentage<\/strong><\/td><td>Quanta parte dell\u2019immagine deve essere visibile prima che venga caricata<\/td><\/tr><tr><td><strong>General Options<\/strong><\/td><td><strong>Background Color<\/strong><\/td><td>Colore del segnaposto mostrato prima che l\u2019immagine venga caricata<\/td><\/tr><tr><td><strong>Icon Options<\/strong><\/td><td><strong>Icona<\/strong>, <strong>Icon Color<\/strong>, <strong>Icon Size<\/strong><\/td><td>Un\u2019icona opzionale mostrata nel segnaposto<\/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>Come appare l\u2019immagine: <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>Velocit\u00e0 dell\u2019animazione di caricamento<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Fai clic su <strong>Save<\/strong> quando hai finito.<\/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\">Evitare conflitti con altri plugin di caricamento lazy<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se usi anche un plugin di prestazioni che carica le immagini in modalit\u00e0 lazy (per esempio un plugin di cache o di ottimizzazione delle immagini), le immagini possono essere caricate due volte o non comparire affatto. Disattiva il caricamento lazy di WP Table Builder, oppure escludi le immagini delle tabelle nell\u2019altro plugin aggiungendo la classe <code>wptb-image-element-target<\/code> alla sua lista di esclusioni.<\/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\">Domande frequenti<\/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>WP Table Builder carica le immagini delle tabelle in modalit\u00e0 lazy?<\/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\u00ec, con WP Table Builder Pro. Attiva Enable Lazy Loading Images in 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>Il caricamento lazy vale per tutte le tabelle?<\/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\u00ec. L\u2019impostazione Lazy Load \u00e8 globale e vale per gli elementi Image di tutte le tabelle di 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>Le immagini della tabella non compaiono dopo aver attivato il caricamento lazy. Cosa devo fare?<\/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\">Probabilmente un altro plugin di caricamento lazy gestisce le stesse immagini. Escludi la classe wptb-image-element-target in quel plugin, oppure disattiva una delle due funzioni di caricamento lazy.<\/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>Il caricamento lazy \u00e8 disponibile nella versione 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. Il caricamento lazy \u00e8 una funzionalit\u00e0 di 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\">Documenti correlati<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/aggiungere-immagine-tabella-wordpress\/\">Immagine<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/cambia-le-dimensioni-dellimmagine-con-il-plugin-wp-table-builder\/\">Come cambiare la dimensione di un\u2019immagine<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/settings-overview\/\">Le impostazioni di WP Table Builder spiegate<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/it\/documenti\/aggiungere-limmagine-del-prodotto-di-amazon\/\">Come aggiungere l\u2019immagine di un prodotto 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\/it\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Interactive Features","term_url":"https:\/\/wptablebuilder.com\/it\/docs-category\/interactive-features\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/24274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=24274"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/24274\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=24274"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=24274"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=24274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}