Configuration recommandée

1. Installer le thème enfant GeneratePerf

Téléchargez le thème enfant GeneratePerf dans l’onglet Téléchargements de votre compte, puis dans WordPress allez dans Apparence → Thèmes → Ajouter → Téléverser un thème et activez-le (GeneratePress doit être installé).

C’est là que vivent vos personnalisations : vos styles dans style.css, votre PHP dans inc/functions-custom.php (chaque crochet de GeneratePerf y est listé avec un exemple, voir Crochets), vos icônes SVG dans images/icons/, vos codes courts HTML dans shortcodes/ et les fichiers des surchargements CSS dans css/. Une fois installé, le thème enfant vous appartient : les mises à jour de GeneratePerf ne l’écrasent jamais. Santé du site vérifie qu’un thème enfant est actif.

2. Définir les couleurs du site

Les composants de GeneratePerf utilisent sept couleurs globales de GeneratePress, par identifiant : primary, secondary, lightest, light, medium, dark et darkest. Leurs noms sont libres.

À l’activation du thème enfant GeneratePerf, les couleurs absentes de votre palette sont ajoutées automatiquement, et celles qui existent ne sont jamais modifiées. Une couleur manquante prend la valeur de son équivalent GeneratePress quand il existe (accent pour primary, contrast pour darkest, contrast-2 pour dark, contrast-3 pour medium, base pour light, base-3 pour lightest) ; sinon sa valeur par défaut :

Ajustez-les dans Apparence → Personnaliser → Couleurs. Si une couleur vient à manquer, Santé du site le signale et son bouton Ajouter les couleurs manquantes la rétablit de la même façon.

3. Laisser le configurateur régler vos autres extensions

Si vous utilisez WP Rocket, Perfmatters, Imagify, Cache Enabler ou ShortPixel, ouvrez le Configurateur en 1 clic et appliquez la configuration recommandée : il règle leurs options pour un site GeneratePress en un clic.

4. Activer les options de performance pour vos contenus

Dans Web performance, activez pour vos articles et vos pages :

• Prioriser les images mises en avant (fetchpriority="high") et Chargement anticipé des images mises en avant (pas de lazy-loading) ;
• Chargement anticipé des premières images du contenu pour les contenus sans image mise en avant ;
• Précharger les images mises en avant là où l’image mise en avant est le plus grand élément de la page.

5. Choisir des polices auto-hébergées

Choisissez vos polices dans Apparence → Personnaliser → Typographie : les polices de GeneratePerf sont servies depuis votre propre site, avec des polices de secours qui évitent les décalages de mise en page. Voir Polices.

6. Vérifier la santé du site

Ouvrez Réglages → GeneratePerf → Santé du site et corrigez ce qui est signalé : visibilité par les moteurs de recherche, version de l’extension, couleurs, thème enfant, éditeur et taille des options chargées automatiquement.