Mantys Core
Fondateur de MantysLAB

Maxime

Maxime a fondé MantysLAB et développe Mantys Core, un plugin de performance WordPress propulsé par le cloud.

Avec Mantys Media, son activité freelance, il intervient directement sur des sites WordPress de clients : page builders comme Divi et Elementor, boutiques WooCommerce, configurations de suivi et de consentement.

Les guides de ce site viennent de ce travail : des problèmes rencontrés sur de vrais sites, mesurés dans le navigateur, et les correctifs qui ont tenu.

Domaines d’expertise

  • Core Web Vitals
  • WordPress
  • Critical CSS
  • JavaScript
  • Cache
  • WebP
  • Divi
  • Elementor
  • WooCommerce

Les guides de Maxime

Core Web Vitals · 11 min

Optimiser un site WordPress : par où commencer, et dans quel ordre

Accélérer WordPress, ce n’est pas une liste de trente astuces à activer d’un coup, c’est un diagnostic : lire les données de vos visiteurs, trouver quelle métrique échoue sur quel modèle de page, corriger la cause dans le bon ordre (serveur, images, CSS, JavaScript), et changer une seule chose à la fois.

JavaScript · 9 min

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.

Core Web Vitals · 8 min

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.

Images · 7 min

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.

Images · 7 min

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.

Core Web Vitals · 8 min

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.

CSS · 8 min

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.

JavaScript · 8 min

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.

Cache · 11 min

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é.

Images · 8 min

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.

JavaScript · 8 min

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.

CSS · 6 min

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.

Core Web Vitals · 9 min

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.

JavaScript · 5 min

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.

Core Web Vitals · 6 min

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.

CSS · 6 min

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.

Images · 5 min

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.

Mon compteObtenir une licence →