Megamenu SSR

Les liens de navigation sont rendus côté serveur pour le SEO.
Alpine.js gère l'état d'ouverture et les transitions.

Comment ça marche ?

  1. 1 Les liens sont rendus SSR pour être crawlables par les moteurs de recherche
  2. 2 Au survol du bouton, Alpine ouvre le dropdown via x-show
  3. 3 L'animation CSS animate-fade-in donne un effet fluide
  4. 4 Au mouseleave, le menu se ferme après un délai pour éviter les fermetures accidentelles
🔍

SEO-friendly

Liens rendus SSR, crawlables immédiatement

⚡

Alpine.js

État ouvert/fermé, délai de fermeture

🎨

Tailwind CSS

Animations fluides, responsive

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