Mantys CoreGuides et base de connaissances
La performance WordPress en pratique, expliquée sans jargon.
Comment accélérer un site Divi et améliorer ses Core Web Vitals (étape par étape)
Un site Divi peut être rapide si vous optimisez dans le bon ordre, d'abord les images, puis le CSS, puis le JavaScript, en commençant par les leviers qui ne peuvent rien casser avant de toucher à ceux qui le peuvent.
Pourquoi mon menu burger ne s'ouvre-t-il qu'au deuxième clic ?
Si vous avez activé un délai JavaScript (chargement des scripts au premier clic ou après un minuteur), le tout premier tap sur le burger réveille le chargement du script, il n'ouvre pas le menu. Le menu ne répond qu'au deuxième tap. La solution : isoler le script du menu et ses dépendances du délai, ou mieux, lui donner un menu vanilla sans aucune dépendance.
Quelles optimisations pouvez-vous activer sans aucun risque de casser votre site ?
Il existe toute une famille d'optimisations qui ne peuvent pas casser votre site, car elles réduisent le poids des fichiers ou donnent des indices au navigateur, sans jamais changer ce qui s'exécute. Commencez par celles-là : elles vous offrent l'essentiel, les yeux fermés.
Pourquoi mon critical CSS a-t-il cassé mon menu / overlay (il s'affiche ouvert au chargement) ?
Les générateurs de critical CSS ne conservent que les styles de ce qui est visible en haut de page au chargement. Vos éléments masqués par défaut et ouverts au clic (menu mobile, overlay de recherche, modale, panneau latéral) sont jugés inutiles et supprimés. Résultat : au chargement, ils s'affichent ouverts, cassés, sans style.
Pourquoi PageSpeed Insights affiche encore « Dimensionnez correctement les images » alors que j'ai un srcset ?
Srcset propose au navigateur une liste de tailles, mais c'est l'attribut sizes qui lui indique laquelle choisir. Si sizes est absent, erroné ou ignoré, le navigateur télécharge la plus grande image de la liste, et PageSpeed le signale, srcset ou pas.