Mantys CoreGuides et base de connaissances
La performance WordPress en pratique, expliquée sans jargon.
Pourquoi mon mini-panier WooCommerce cesse-t-il de s'afficher quand j'active « Remove Unused CSS » ?
En une phrase : le panneau de votre mini-panier est masqué jusqu'à ce qu'on le survole, donc une passe de used-CSS supprime ses styles et un délai JavaScript l'empêche de s'ouvrir. Il revient dès que vous conservez ses styles dans une safelist et laissez ses scripts, cart fragments inclus, s'exécuter.
Comment accélérer un site Divi et améliorer ses Core Web Vitals (étape par étape)
En une phrase : 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 ?
En une phrase : 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 ?
En une phrase : 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) ?
En une phrase : 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 ?
En une phrase : 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.