# PrestaShop Homepage Slider Module 8/9: Snelle WebP Banners

> Bouw een complete homepage hero: hoofdslider, twee gestapelde zijbanners en twee brede promotiebanners, volledig beheerd vanuit de back office. Automatische WebP-conversie bij upload, LCP-preload, lazy loading, nul CLS en een 3 KB vanilla JavaScript slider: uw homepage blijft snel, zelfs vol visuals.

- Pagina: <https://www.datafirefly.com/nl/product/homepage-slider-banners-prestashop/>
- Taal: nl
- Bijgewerkt op: 2026-09-29
- Platform: PrestaShop
- Categorie: Design & navigatie
- Artikelnummer: DF-HOMEBANNERS-EN
- Prijs: 79.00 EUR
- Andere talen: [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), [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), [pt](https://www.datafirefly.com/pt/produto/homepage-slider-banners-prestashop/index.md)
- Index: <https://www.datafirefly.com/nl/product/llms.txt>

De homepage van een webshop leeft op het ritme van de commerciële kalender: nieuwe catalogus, verzendactie, promotie van de maand. Deze module geeft u een compleet hero-raster, zoals op grote e-commercesites: een hoofdslider, twee rechts gestapelde banners en twee brede banners eronder. Elk visual beheert u vanuit een eigen back office tabblad: afbeelding per taal, link, alt-tekst, positie, plus een start- en einddatum om campagnes vooraf te plannen. Een verlopen banner verdwijnt vanzelf, zonder handmatige actie en zonder cache legen.

Waar de meeste sliders uw PageSpeed-score verwoesten, is deze voor het tegenovergestelde gebouwd. Afbeeldingen worden bij upload verkleind en naar WebP geconverteerd, de eerste slide wordt gepreload met fetchpriority high voor een directe LCP, al het andere laadt lazy, en width- en height-attributen elimineren CLS. De slider draait op 3 KB vanilla JavaScript met defer, zonder jQuery of externe bibliotheek. De rendering wordt gecachet in Smarty met een enkele SQL-query, en een eigen mobiele afbeelding kan elke slide en elke banner vervangen onder 768 px. U kunt zelfs hele zones uitschakelen op mobiel: verborgen afbeeldingen worden dan nooit gedownload.