Améliorer les performances d’un site ne consiste pas à activer toutes les options d’optimisation disponibles. Il faut d’abord identifier ce qui ralentit les pages importantes, puis vérifier qu’une correction ne fragilise pas les formulaires, les paiements ou la gestion des contenus.
L’isolation du design Phoenix aide à retrouver les médias et les assets du projet, mais la performance dépend aussi de WordPress, des extensions et du serveur.
Choisir des pages représentatives
Mesurez l’accueil, un guide long, une page avec vidéo et un parcours de formulaire. Ces pages ne demandent pas les mêmes ressources.
Notez les conditions de mesure : appareil, connexion, session connectée ou déconnectée et état du cache. Comparer une page déjà en cache à une première visite ne permet pas d’attribuer correctement le changement.
Gardez un relevé avant intervention, puis modifiez un nombre limité de paramètres. Une amélioration devient plus facile à comprendre lorsqu’elle correspond à une action identifiable.
Examiner les médias en premier
Une grande photo non adaptée peut peser davantage que plusieurs feuilles CSS. Vérifiez les dimensions réellement affichées et le fichier effectivement reçu par le navigateur.
Conservez les dimensions dans le HTML pour réserver l’espace. Différez les images situées plus bas lorsque cela convient, et évitez de retarder systématiquement le visuel principal immédiatement visible.
Les vidéos intégrées chargent aussi des ressources tierces. Évaluez leur rôle, leur emplacement et les modalités de consentement du projet. Le guide du hero explique le choix entre vidéo, photo et absence de média.
Vérifier les assets du design
Le registre styles.json doit contenir les fichiers nécessaires, sans doublons. Cherchez les bibliothèques déjà chargées par le thème ou les extensions avant d’ajouter une nouvelle version.
Le design communautaire livre un build local de Prism limité aux usages des guides. Ce choix réduit le nombre de modules embarqués tout en conservant la copie du code et les langages nécessaires.
Ne déplacez pas un script vers un chargement différé sans examiner son ordre de dépendance. Une optimisation qui empêche un formulaire de s’initialiser n’est pas un progrès pour l’utilisateur.
Évaluer le cache avec ses exceptions
Le cache de page peut réduire le travail de génération côté serveur. Son comportement dépend toutefois de la configuration de l’hébergement, du cache WordPress et des extensions en place.
Les pages de compte, les actions personnalisées, les réponses contenant des informations propres à un utilisateur et certaines étapes de paiement nécessitent des règles adaptées. Vérifiez les exceptions prévues par les composants utilisés.
Une notice qui affiche le prochain événement peut rester ancienne tant qu’une page HTML est conservée en cache. Définissez une durée et une invalidation compatibles avec la fréquence de mise à jour attendue.
Contrôler les requêtes et le contenu dynamique
Une liste de quatre articles n’a pas besoin d’une recherche sur tous les contenus sans limite. Les requêtes secondaires doivent correspondre au volume affiché et éviter les calculs inutiles lorsqu’aucune pagination n’est nécessaire.
Dans ce projet, la notice de rencontre sélectionne une seule fiche à venir. Les listes éditoriales utilisent les fonctions Phoenix et les limites prévues. La page de ressources, elle, conserve une pagination car elle présente une collection plus importante.
La quantité de contenu en base et les autres composants installés peuvent aussi influencer le temps serveur. Un diagnostic de design ne permet pas d’expliquer toutes les lenteurs à lui seul.
Rejouer les parcours après une modification
Testez le menu, la FAQ, les formulaires et les téléchargements après une intervention sur le cache ou les scripts. Effectuez une visite déconnectée et un essai mobile.
Contrôlez la console du navigateur et les erreurs réseau. Si vous ne pouvez plus relier le gain à un changement précis, revenez à un état stable et reprenez une étape à la fois.
Le guide de diagnostic aide à isoler une cause. Une optimisation utile reste mesurable et conserve les fonctions qui permettent au visiteur d’agir.
