# Modulo Slider Homepage PrestaShop 8/9: Banner Veloci WebP

> Componi un hero di homepage completo: slider principale, due banner laterali impilati e due banner promozionali larghi, gestiti dal back office. Conversione WebP automatica al caricamento, preload dell'immagine LCP, lazy loading, zero CLS e uno slider in JavaScript vanilla da 3 KB: la tua homepage resta veloce, anche piena di visual.

- Pagina: <https://www.datafirefly.com/it/product/homepage-slider-banners-prestashop/>
- Lingua: it
- Aggiornato il: 2026-09-29
- Piattaforma: PrestaShop
- Categoria: Design e Navigazione
- Codice: DF-HOMEBANNERS-EN
- Prezzo: 79.00 EUR
- Altre lingue: [fr](https://www.datafirefly.com/product/homepage-slider-banners-prestashop/index.md), [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), [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)
- Indice: <https://www.datafirefly.com/it/product/llms.txt>

La homepage di un negozio vive al ritmo del calendario commerciale: nuovo catalogo, offerta di spedizione, promozione del mese. Questo modulo ti dà una griglia di hero completa, come quella dei grandi siti e-commerce: uno slider principale, due banner impilati a destra e due banner larghi sotto. Ogni visual si gestisce da una scheda dedicata del back office: immagine per lingua, link, testo alternativo, posizione, e un intervallo di date di inizio e fine per pianificare le campagne in anticipo. Un banner scaduto sparisce da solo, senza interventi né svuotamento della cache.

Dove la maggior parte degli slider affossa il punteggio PageSpeed, questo è costruito per l'opposto. Le immagini vengono ridimensionate e convertite in WebP al caricamento, la prima slide è precaricata con fetchpriority high per un LCP immediato, tutto il resto è in lazy loading, e gli attributi width e height eliminano il CLS. Lo slider gira con 3 KB di JavaScript vanilla caricato in defer, senza jQuery né librerie esterne. Il rendering è in cache Smarty con una sola query SQL, e un'immagine mobile dedicata può sostituire ogni slide e ogni banner sotto i 768 px. Puoi persino disattivare intere zone su mobile: le immagini nascoste non vengono mai scaricate.