Optimiser le chargement JS pour les Core Web Vitals sur mon site

waddou · Message par **waddou** » Hier, 11:35

Bonjour à tous,

Je gère le site noticiel.com, un site de notices et modes d'emploi, et je cherche à améliorer mes Core Web Vitals. PageSpeed Insights me remonte surtout des alertes liées au JavaScript : temps de blocage total élevé, INP perfectible et du JS inutilisé au chargement.

Quelques questions :

1. Entre defer et async, lequel privilégier pour les scripts tiers (analytics, publicité) et pour mes propres scripts ?
2. Est-ce que ça vaut le coup de charger certains scripts uniquement au premier scroll ou à la première interaction (lazy loading du JS) ? Y a-t-il un impact négatif sur le tracking ?
3. Pour l'INP, quelles sont les bonnes pratiques pour découper les tâches longues (setTimeout, requestIdleCallback, scheduler.yield...) ?
4. Faut-il regrouper les fichiers JS en un seul bundle ou garder plusieurs petits fichiers avec HTTP/2 ?

Si vous avez des retours d'expérience ou des outils à conseiller pour identifier les scripts les plus pénalisants, je suis preneuse.

Merci d'avance !