# Module Slider Page d'Accueil PrestaShop 8/9 : Bannières Rapides WebP

> Composez un hero d'accueil complet : slider principal, deux bannières latérales et deux bannières promotionnelles larges, gérés depuis le back-office. Conversion WebP automatique à l'upload, préchargement de l'image LCP, lazy loading, zéro CLS et slider en JavaScript vanilla de 3 Ko : votre page d'accueil reste rapide, même chargée de visuels.

- Page: <https://www.datafirefly.com/product/homepage-slider-banners-prestashop/>
- Langue: fr
- Mis à jour le: 2026-09-29
- Plateforme: PrestaShop
- Catégorie: Design & Navigation
- Référence: DF-HOMEBANNERS-EN
- Prix: 79.00 EUR
- Autres langues: [en](https://www.datafirefly.com/en/product/homepage-slider-banners-prestashop/index.md), [es](https://www.datafirefly.com/es/producto/homepage-slider-banners-prestashop/index.md), [de](https://www.datafirefly.com/de/produkt/homepage-slider-banners-prestashop/index.md), [it](https://www.datafirefly.com/it/product/homepage-slider-banners-prestashop/index.md), [pl](https://www.datafirefly.com/pl/produkt/homepage-slider-banners-prestashop/index.md), [nl](https://www.datafirefly.com/nl/product/homepage-slider-banners-prestashop/index.md), [pt](https://www.datafirefly.com/pt/produto/homepage-slider-banners-prestashop/index.md)
- Index: <https://www.datafirefly.com/product/llms.txt>

La page d'accueil d'une boutique vit au rythme des opérations commerciales : nouveau catalogue, offre de livraison, promotion du mois. Ce module vous donne une grille de hero complète, du même type que celles des grands sites e-commerce : un slider principal, deux bannières empilées à droite et deux bannières larges en dessous. Chaque visuel se gère depuis un onglet dédié du back-office : image par langue, lien, texte alternatif, position, et une plage de dates de début et de fin pour planifier vos campagnes à l'avance. Une bannière expirée disparaît toute seule, sans intervention ni vidage de cache.

Là où la plupart des sliders plombent le score PageSpeed, celui-ci a été construit pour l'inverse. Les images sont redimensionnées et converties en WebP dès l'upload, la première slide est préchargée avec fetchpriority high pour un LCP immédiat, tout le reste est en lazy loading, et les attributs width et height éliminent le CLS. Le slider tourne avec 3 Ko de JavaScript vanilla chargé en defer, sans jQuery ni librairie externe. Le rendu est mis en cache Smarty avec une seule requête SQL, et une image mobile dédiée peut remplacer chaque slide et chaque bannière sous 768 px. Vous pouvez même désactiver des zones entières sur mobile : les images masquées ne sont alors jamais téléchargées.