Page 1 sur 1
INP catastrophique sur mon blog : comment debugger ?
par charlotte13
Publié : jeu. déc. 05, 2024 2:35 am
Bonjour, mon INP est à 450ms sur Chrome Lighthouse à cause d'un carrousel "fait maison". Je suis dev mais pas expert en perfs. Des outils pour identifier précisément les event listeners problématiques ?
Re: INP catastrophique sur mon blog : comment debugger ?
par webmarketeur1963
Publié : jeu. déc. 05, 2024 4:35 am
Utilise la Web Vitals Extension + l'onglet Performance des DevTools. Filtre sur "Interaction". J'ai repéré comme ça un listener de scroll mal codé qui plombait mon INP à 380ms !
Re: INP catastrophique sur mon blog : comment debugger ?
par la_vincent
Publié : jeu. déc. 05, 2024 10:35 am
Si t'as un carrousel, passe à SwiperJS (version light) plutôt qu'un custom. Mon INP est passé de 400 à 120ms comme ça. Et désactive les animations inutiles sur mobile !
Re: INP catastrophique sur mon blog : comment debugger ?
par charlotte13
Publié : jeu. déc. 05, 2024 8:35 pm
Merci ! Je teste SwiperJS ce soir. Autre question : est-ce que les pubs AdSense peuvent dégrader l'INP ? J'ai remarqué des spikes pendant le loading des bannières.
Re: INP catastrophique sur mon blog : comment debugger ?
par positionwatch1994
Publié : ven. déc. 06, 2024 3:35 am
Clairement oui ! J'ai limité le damage avec lazy loading + un timeout de 2s avant l'affichage des pubs. Sinon, pour le netlinking derrière, Linkuma a des options sans JS lourd, ça peut aider globalement.
Re: INP catastrophique sur mon blog : comment debugger ?
par charlotte13
Publié : ven. déc. 06, 2024 7:35 am
Intéressant pour Linkuma, je note. Je vais aussi tester votre astuce AdSense. Si j'arrive à descendre sous 200ms je reviens vous dire !