Long tasks
L
Definition complete
Les long tasks (taches longues) sont des operations JavaScript qui monopolisent le thread principal du navigateur pendant plus de 50 millisecondes, bloquant l'interactivite de la page et degradant l'experience utilisateur. Pendant une long task, les clics, scrolls et saisies clavier ne sont pas traites, causant des lags perceptibles. Les long tasks impactent directement l'INP (Interaction to Next Paint), l'une des Core Web Vitals de Google. Causes frequentes : scripts tiers lourds, parsing JavaScript massif, operations DOM complexes, et boucles non optimisees. Solutions : code splitting (charger le JS necessaire), defer/async pour scripts non critiques, web workers pour calculs lourds, et chunking des operations longues avec requestIdleCallback.
Exemples pratiques
["Long task de 200ms bloquant le clic sur bouton "Ajouter au panier"", "Script analytics tiers causant 150ms de blocage au chargement", "Detection via Chrome DevTools > Performance > Long Tasks (rouge)", "Chunking d'une boucle de 1000 elements en tranches de 50"]
A quoi sert Long tasks ?
["Optimisation INP et Core Web Vitals", "Amelioration de la reactivite interface", "Diagnostic de lenteurs d'interactivite", "Audit de performance JavaScript", "Optimisation de scripts tiers"]
Long tasks en pratique chez 123web
Eliminez les long tasks JavaScript pour garantir une interface reactive et un bon score INP dans les Core Web Vitals.