{"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\/fr\/docs\/lazy-load-images\/","title":{"rendered":"Comment activer le chargement diff\u00e9r\u00e9 des images de tableau dans WP Table Builder"},"content":{"rendered":"
\n

R\u00e9ponse rapide<\/p>\n\n\n\n

Allez dans WP Table Builder > Settings > Lazy Load<\/strong>, activez Enable Lazy Loading Images<\/strong>, ajustez les options d\u2019espace r\u00e9serv\u00e9 et d\u2019animation, puis cliquez sur Save<\/strong>. Les images de vos tableaux WP Table Builder ne se chargent alors qu\u2019au moment o\u00f9 elles apparaissent \u00e0 l\u2019\u00e9cran, ce qui acc\u00e9l\u00e8re les pages contenant des tableaux riches en images. Le chargement diff\u00e9r\u00e9 est une fonctionnalit\u00e9 de WP Table Builder Pro.<\/p>\n<\/div>\n\n\n\n

Le chargement diff\u00e9r\u00e9 retarde le chargement d\u2019une image jusqu\u2019\u00e0 ce que le visiteur s\u2019en approche. Pour les tableaux comparatifs et de produits avec beaucoup d\u2019images, cela r\u00e9duit les donn\u00e9es charg\u00e9es \u00e0 l\u2019ouverture de la page et peut am\u00e9liorer les scores de vitesse.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Pr\u00e9requis<\/h2>\n\n\n\n
\u00c9l\u00e9ment<\/th>D\u00e9tails<\/th><\/tr><\/thead>
Offre<\/strong><\/td>WP Table Builder Pro<\/a><\/td><\/tr>
S\u2019applique \u00e0<\/strong><\/td>\u00c9l\u00e9ments Image des tableaux WP Table Builder, sur tous les tableaux<\/td><\/tr>
R\u00f4le utilisateur<\/strong><\/td>Administrateur<\/td><\/tr>
Temps n\u00e9cessaire<\/strong><\/td>Environ 2 minutes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

\u00c9tape 1 : Activer le chargement diff\u00e9r\u00e9<\/h2>\n\n\n\n
    \n
  1. Allez dans WP Table Builder > Settings<\/strong>.<\/li>\n\n\n\n
  2. Ouvrez Lazy Load<\/strong> .<\/li>\n\n\n\n
  3. Activez Enable Lazy Loading Images<\/strong>.<\/li>\n<\/ol>\n\n\n\n
    \"Onglet<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    \u00c9tape 2 : R\u00e9gler les options<\/h2>\n\n\n\n

    Utilisez Preview<\/strong> (zone) pour tester vos choix. Cliquez sur Load Image<\/strong> pour lancer l\u2019effet de chargement et sur Reset<\/strong> pour recommencer.<\/p>\n\n\n\n

    Section<\/th>R\u00e9glage<\/th>Ce qu\u2019il fait<\/th><\/tr><\/thead>
    General Options<\/strong><\/td>Visibility Percentage<\/strong><\/td>Part de la zone de l\u2019image qui doit \u00eatre \u00e0 l\u2019\u00e9cran avant le chargement<\/td><\/tr>
    General Options<\/strong><\/td>Background Color<\/strong><\/td>Couleur de l\u2019espace r\u00e9serv\u00e9 affich\u00e9e avant le chargement de l\u2019image<\/td><\/tr>
    Icon Options<\/strong><\/td>Ic\u00f4ne<\/strong>, Icon Color<\/strong>, Icon Size<\/strong><\/td>Une ic\u00f4ne facultative affich\u00e9e dans l\u2019espace r\u00e9serv\u00e9<\/td><\/tr>
    Icon Options<\/strong><\/td>Icon Animation<\/strong><\/td>None<\/strong>, Heartbeat<\/strong>, Rotate<\/strong>, Flip<\/strong> ou Jump<\/strong><\/td><\/tr>
    Image Load Options<\/strong><\/td>Animation<\/strong><\/td>Mani\u00e8re dont l\u2019image appara\u00eet : None<\/strong>, Slide In<\/strong>, Grow Sling<\/strong>, Flash<\/strong> ou Flip<\/strong><\/td><\/tr>
    Image Load Options<\/strong><\/td>Speed<\/strong><\/td>Vitesse de l\u2019animation de chargement<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

    Cliquez sur Save<\/strong> quand vous avez termin\u00e9.<\/p>\n\n\n

    <\/div><\/div><\/div>\n\n\n

    \u00c9viter les conflits avec d\u2019autres extensions de chargement diff\u00e9r\u00e9<\/h2>\n\n\n\n

    Si vous utilisez aussi une extension de performance qui charge les images en diff\u00e9r\u00e9 (par exemple une extension de cache ou d\u2019optimisation d\u2019images), les images peuvent se charger deux fois ou pas du tout. D\u00e9sactivez le chargement diff\u00e9r\u00e9 de WP Table Builder, ou excluez les images des tableaux dans votre autre extension en ajoutant la classe wptb-image-element-target<\/code> \u00e0 sa liste d\u2019exclusions.<\/p>\n\n\n

    <\/div><\/div><\/div>\n\n\n

    Questions fr\u00e9quentes<\/h2>\n\n\n
    \n
    \n\t\t\t
    \n\t\t\t

    WP Table Builder charge-t-il les images des tableaux en diff\u00e9r\u00e9 ?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Oui, avec WP Table Builder Pro. Activez Enable Lazy Loading Images dans WP Table Builder > Settings > Lazy Load.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

    \n\t\t\t
    \n\t\t\t

    Le chargement diff\u00e9r\u00e9 s\u2019applique-t-il \u00e0 tous les tableaux ?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Oui. Le r\u00e9glage Lazy Load est global et s\u2019applique aux \u00e9l\u00e9ments Image de tous les tableaux WP Table Builder.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

    \n\t\t\t
    \n\t\t\t

    Les images de mon tableau n\u2019apparaissent plus apr\u00e8s l\u2019activation du chargement diff\u00e9r\u00e9. Que faire ?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Une autre extension de chargement diff\u00e9r\u00e9 g\u00e8re sans doute les m\u00eames images. Excluez la classe wptb-image-element-target dans cette extension, ou d\u00e9sactivez l\u2019une des deux fonctions de chargement diff\u00e9r\u00e9.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

    \n\t\t\t
    \n\t\t\t

    Le chargement diff\u00e9r\u00e9 est-il disponible dans la version gratuite ?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Non. Le chargement diff\u00e9r\u00e9 est une fonctionnalit\u00e9 de WP Table Builder Pro.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

    <\/div><\/div><\/div>\n\n\n

    Documents associ\u00e9s<\/h2>\n\n\n\n