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

> Componha um hero de página inicial completo: slider principal, dois banners laterais e dois banners promocionais largos, geridos a partir do back-office. Conversão WebP automática no carregamento, pré-carregamento da imagem LCP, lazy loading, zero CLS e slider em JavaScript vanilla de 3 KB: a sua página inicial mantém-se rápida, mesmo carregada de imagens.

- Página: <https://www.datafirefly.com/pt/produto/homepage-slider-banners-prestashop/>
- Idioma: pt
- Atualizado em: 2026-09-29
- Plataforma: PrestaShop
- Categoria: Design & Navegação
- Referência: DF-HOMEBANNERS-EN
- Preço: 79.00 EUR
- Outros 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), [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)
- Índice: <https://www.datafirefly.com/pt/produto/llms.txt>

A página inicial de uma loja vive ao ritmo das ações comerciais: catálogo novo, oferta de portes, promoção do mês. Este módulo dá-lhe uma grelha de hero completa, do mesmo tipo das dos grandes sites de e-commerce: um slider principal, dois banners empilhados à direita e dois banners largos por baixo. Cada imagem é gerida a partir de um separador dedicado do back-office: imagem por idioma, ligação, texto alternativo, posição e um intervalo de datas de início e de fim para planear as campanhas com antecedência. Um banner expirado desaparece sozinho, sem intervenção nem limpeza de cache.

Onde a maioria dos sliders arrasa a pontuação do PageSpeed, este foi construído para o contrário. As imagens são redimensionadas e convertidas em WebP logo no carregamento, o primeiro slide é pré-carregado com fetchpriority high para um LCP imediato, todo o resto fica em lazy loading e os atributos width e height eliminam o CLS. O slider funciona com 3 KB de JavaScript vanilla carregado em defer, sem jQuery nem bibliotecas externas. A renderização fica em cache Smarty com uma única consulta SQL, e uma imagem móvel dedicada pode substituir cada slide e cada banner abaixo dos 768 px. Pode inclusive desativar zonas inteiras no telemóvel: as imagens ocultadas nunca chegam a ser descarregadas.