Optimisation performance de manda-ia.com

Un score seul ne constitue pas un audit. Le snapshot Lighthouse précise l'URL, la date, le profil mobile ou desktop et les métriques qui composent le résultat. Les données de laboratoire servent à reproduire un scénario contrôlé ; elles restent distinctes des Core Web Vitals terrain collectées auprès des vrais visiteurs.

Le profil desktop atteint 99/100 avec un LCP de 0,5 seconde et un TBT de 30 millisecondes. Le profil mobile reste à 80/100 avec un TBT de 680 millisecondes. Cet écart évite une conclusion artificielle : le rendu initial est solide, mais le thread principal exécute encore trop de JavaScript dans les conditions mobiles simulées.

L'audit CSS inspecte ce qui arrive réellement dans le navigateur : taille transférée, règles inutilisées, ordre des feuilles de style, polices, styles critiques et capacité de l'équipe à maintenir les composants. Tailwind peut produire un CSS compact lorsqu'il est correctement compilé, mais il ne dispense pas d'examiner les dépendances, les variantes et les conventions qui s'accumulent.

Le benchmark d'une autre approche CSS n'a de sens qu'avec les mêmes écrans, le même contenu et les mêmes conditions de mesure. Je compare donc le poids, le blocage du rendu, la répétition des règles et le coût de migration avant de recommander Tailwind, CSS Modules, du CSS natif moderne ou une combinaison ciblée.

La base Supabase contenait environ 25 Mo, mais l'organisation avait dépassé 5,5 Go d'egress. Le volume stocké n'expliquait pas ce transfert. Les pages publiques étaient rendues dynamiquement et relisaient le CMS, les fallbacks et certaines données à chaque requête, y compris lors du passage des crawlers.

Les contenus publics ont été pré-rendus, Payload rendu optionnel en production et les lectures fréquentes remplacées par un cache partagé. Le tableau visiteurs conserve une fraîcheur maximale de 30 secondes tout en renvoyant une réponse légère, sans ouvrir une lecture Supabase directe pour chaque navigateur.

L'ordre des changements compte autant que leur nature. Je commence par les corrections à fort impact et faible risque : rendu statique des contenus éditoriaux, cache adapté, suppression des appels dupliqués, chargement différé des scripts tiers et images dimensionnées. Les changements plus profonds arrivent seulement lorsque les mesures les justifient.

Chaque correction est vérifiée sur les parcours réels, les erreurs réseau, les pages localisées et le comportement mobile. Cette méthode permet d'améliorer un site déjà en production sans transformer l'audit en refonte imposée.

Les sites métier utilisent cette méthode dès leur conception : rendre statique ce qui peut l'être, charger les médias selon le viewport, limiter les composants client et mesurer la version déployée. La performance devient alors une contrainte d'architecture, pas une opération cosmétique avant livraison.

Pour un hôtel, un restaurant, une agence de voyage ou un loueur, cette vitesse protège directement la conversion mobile. La page doit rester légère au moment où le visiteur compare une offre, consulte un menu, vérifie une disponibilité ou remplit une demande.