# PrestaShop Homepage Slider Modul 8/9: Schnelle WebP Banner

> Bauen Sie einen kompletten Startseiten-Hero: Hauptslider, zwei gestapelte Seitenbanner und zwei breite Aktionsbanner, alles im Backoffice verwaltet. Automatische WebP-Konvertierung beim Upload, LCP-Preload, Lazy Loading, null CLS und ein 3 KB Vanilla-JavaScript-Slider: Ihre Startseite bleibt schnell, auch voller Visuals.

- Seite: <https://www.datafirefly.com/de/produkt/homepage-slider-banners-prestashop/>
- Sprache: de
- Aktualisiert am: 2026-09-29
- Plattform: PrestaShop
- Kategorie: Design & Navigation
- Artikelnummer: DF-HOMEBANNERS-EN
- Preis: 79.00 EUR
- Weitere Sprachen: [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), [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/de/produkt/llms.txt>

Die Startseite eines Shops lebt im Takt des Aktionskalenders: neuer Katalog, Versandaktion, Angebot des Monats. Dieses Modul liefert ein komplettes Hero-Raster, wie man es von grossen E-Commerce-Seiten kennt: ein Hauptslider, zwei rechts gestapelte Banner und zwei breite Banner darunter. Jedes Visual wird in einem eigenen Backoffice-Tab verwaltet: Bild pro Sprache, Link, Alt-Text, Position sowie Start- und Enddatum, um Kampagnen im Voraus zu planen. Ein abgelaufenes Banner verschwindet von selbst, ohne manuellen Eingriff und ohne Cache-Leerung.

Wo die meisten Slider den PageSpeed-Score ruinieren, ist dieser für das Gegenteil gebaut. Bilder werden beim Upload verkleinert und in WebP konvertiert, die erste Slide wird mit fetchpriority high vorgeladen für ein sofortiges LCP, alles andere lädt lazy, und width- und height-Attribute eliminieren CLS. Der Slider läuft mit 3 KB Vanilla-JavaScript per defer, ohne jQuery und ohne externe Bibliothek. Das Rendering wird mit einer einzigen SQL-Abfrage in Smarty gecacht, und ein eigenes Mobilbild kann jede Slide und jedes Banner unter 768 px ersetzen. Ganze Zonen lassen sich mobil abschalten: verborgene Bilder werden dann nie heruntergeladen.