Mantys CoreGuides et base de connaissances
La performance WordPress en pratique, expliquée sans jargon.
Retarder l'exécution du JavaScript a cassé mon site : comment trouver le script fautif
Retarder le JavaScript casse un site de cinq façons mécaniques (une dépendance absente, un événement de page déjà passé, un premier clic avalé, une chaîne bloquée sur un script, un visiteur jamais compté), et chacune laisse une signature lisible dans le navigateur, ce qui permet d'exclure un seul script au lieu de couper toute l'option.
Comment corriger les décalages de mise en page (CLS) sur Divi et Elementor
Sur les page builders, la plupart des décalages de mise en page viennent de six sources (images sans dimensions, styles qui arrivent après le premier affichage, polices web qui se substituent, en-têtes et bandeaux ajoutés par des scripts, sliders avant leur démarrage, contenus intégrés), et chacune se corrige en réservant l'espace avant que le contenu n'arrive.
Mon hero est une image d'arrière-plan : pourquoi elle ralentit le LCP et comment corriger (Divi, Elementor)
Une image d'arrière-plan CSS reste invisible pour le navigateur tant que la feuille de style n'est pas téléchargée et appliquée, elle n'a pas de srcset, et les builders la chargent souvent en différé avec du JavaScript, donc le hero démarre tard ; le meilleur correctif est une vraie image, et le suivant, un preload par appareil sans chargement différé sur cette section.
L'image LCP n'est pas la même sur mobile et sur desktop : comment précharger la bonne
Quand la plus grande image diffère entre téléphone et desktop, un preload unique fait télécharger à l'un des deux une image qu'il n'affichera pas, ou télécharger le hero deux fois, et le correctif consiste à poser un preload par appareil, avec les mêmes srcset et sizes que l'image, placé juste après la balise viewport.
PageSpeed et Search Console ne sont pas d'accord : comment lire les données de labo et de terrain
Le score PageSpeed correspond à une seule visite simulée sur un téléphone et un réseau volontairement lents, tandis que Search Console rapporte ce que vos vrais visiteurs ont vécu sur 28 jours, si bien que les deux peuvent diverger dans les deux sens : un labo au vert avec un terrain médiocre quand votre audience est plus lente que le test, et un labo médiocre avec un terrain au vert quand elle est plus rapide.
Supprimer le CSS inutilisé a cassé ma mise en page : comment retrouver les styles manquants
Un passage de CSS utilisé ne garde que les règles qu'il a vues en usage sur un seul instantané de la page, donc tout ce qui n'était pas à l'écran à ce moment-là (un état ouvert, l'autre appareil, un contenu chargé plus tard, une police d'icônes, une animation d'entrée) perd ses styles, et chacun de ces trous a une signature qui vous dit quelle règle remettre.
Comment accélérer le chargement d'Axeptio (sans casser le consentement)
Un bandeau Axeptio arrive rarement en retard à cause d'Axeptio lui-même, il arrive en retard parce que sa chaîne de requêtes (réglages, SDK, configuration du projet, police) fait la queue derrière tout ce que la page charge par ailleurs, donc les remèdes consistent à alléger la concurrence, ne jamais reporter l'outil de consentement, le charger tôt, supprimer la police que vous n'utilisez pas, et le personnaliser sans lutter contre son balisage.
Comment accélérer une boutique WooCommerce sans casser le panier
Une boutique WooCommerce, ce sont deux sites en un, un catalogue qui peut être mis en cache et optimisé à fond, et une transaction (panier, commande, compte) qui ne doit jamais être mise en cache ni allégée, donc une boutique rapide commence par tracer cette frontière, puis corrige le cache, les cart fragments, les images produits et les scripts de chaque côté.
SVG inline : parfait pour une icône, poison pour une illustration
Un SVG n'est pas un seul type d'image. Une petite icône en inline est idéale, une illustration lourde en inline alourdit votre page, et une photo raster cachée dans un SVG est le pire des trois. Voici comment les distinguer et choisir le bon format à chaque fois.
Comment choisir un thème, et repérer ceux qui livrent un seul énorme fichier JavaScript
Avant votre première ligne de contenu, votre thème décide ce qu'un navigateur doit télécharger, analyser et exécuter. Le choix qui pèse le plus, c'est la façon dont il livre son JavaScript : un ensemble de petits fichiers découpables, ou un seul bloc géant qui aligne toute la page sur sa partie la plus lente.
Pourquoi mon mini-panier WooCommerce cesse-t-il de s'afficher quand j'active « Remove Unused CSS » ?
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.