Carrousel Alpine.js

Carrousel SSR pour SEO, inspiré de Splide.js avec Alpine.js + Tailwind

Carrousel avec navigation

🚀

Performance

Ultra rapide et léger

🎨

Design

Interface moderne

Réactivité

Interactions fluides

🌱

Éco-friendly

Empreinte minimale

🔒

Sécurité

Protection maximale

Autoplay avec pause au survol

🚀

Performance

🎨

Design

Réactivité

🌱

Éco-friendly

🔒

Sécurité

Multiple slides (responsive)

🚀

Performance

Ultra rapide et léger

🎨

Design

Interface moderne

Réactivité

Interactions fluides

🌱

Éco-friendly

Empreinte minimale

🔒

Sécurité

Protection maximale

📱

Mobile

Responsive design

/

Slides chargées (démo HTMX)

🌍

Slide chargée via HTMX

Contenu dynamique depuis le serveur

Lazy Loading

Chargé uniquement quand nécessaire

🎯

HTML Simple

Pas de JSON, juste du HTML

🚀

Performance

Rendu côté serveur

Slide / 4

Fonctionnalités (style Splide.js)

🔄

Loop / Infinite

Boucle infinie optionnelle

▶️

Autoplay

Avec pause au survol

📱

Responsive

perPage adaptatif

👆

Touch/Swipe

Via CSS transform

Lazy loading

Via HTMX hx-trigger

🎨

Pagination

Dots + Progress bar

Core Web Vitals

Field
Field data = conditions réelles (votre appareil).
Lighthouse = Lab data (CPU 4x ralenti, réseau 3G simulé).
Les valeurs Field sont généralement meilleures que Lighthouse.
LCP
Bon <2.5s Moyen <4s Mauvais
INP
Bon <200ms Moyen <500ms Mauvais
CLS
Bon <0.1 Moyen <0.25 Mauvais
FCP
TTFB
Lab ~ Estimation Lighthouse (CPU 4x)
LCP
INP
CLS
Score Field