# Módulo Slider Página de Inicio PrestaShop 8/9: Banners Rápidos WebP

> Monta un hero de inicio completo: slider principal, dos banners laterales apilados y dos banners promocionales anchos, gestionados desde el back office. Conversión WebP automática al subir, precarga de la imagen LCP, lazy loading, cero CLS y un slider en JavaScript vanilla de 3 KB: tu página de inicio sigue siendo rápida, incluso cargada de visuales.

- Página: <https://www.datafirefly.com/es/producto/homepage-slider-banners-prestashop/>
- Idioma: es
- Actualizado el: 2026-09-29
- Plataforma: PrestaShop
- Categoría: Diseño & Navegación
- Referencia: DF-HOMEBANNERS-EN
- Precio: 79.00 EUR
- Otros idiomas: [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), [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)
- Índice: <https://www.datafirefly.com/es/producto/llms.txt>

La página de inicio de una tienda vive al ritmo del calendario comercial: nuevo catálogo, oferta de envío, promoción del mes. Este módulo te da una rejilla de hero completa, como la de los grandes sitios de e-commerce: un slider principal, dos banners apilados a la derecha y dos banners anchos debajo. Cada visual se gestiona desde una pestaña dedicada del back office: imagen por idioma, enlace, texto alternativo, posición, y un rango de fechas de inicio y fin para planificar campañas con antelación. Un banner caducado desaparece solo, sin intervención ni vaciado de caché.

Donde la mayoría de los sliders hunden la puntuación de PageSpeed, este está construido para lo contrario. Las imágenes se redimensionan y convierten a WebP al subirlas, la primera diapositiva se precarga con fetchpriority high para un LCP inmediato, todo lo demás va en lazy loading, y los atributos width y height eliminan el CLS. El slider funciona con 3 KB de JavaScript vanilla cargado en defer, sin jQuery ni librerías externas. El renderizado se cachea en Smarty con una sola consulta SQL, y una imagen móvil dedicada puede sustituir cada diapositiva por debajo de 768 px. Incluso puedes desactivar zonas enteras en móvil: las imágenes ocultas nunca se descargan.