WordPress 2026 : Réglages Typo pour un site ultra rapide
Toptuto Web
0:00 / 0:00
WordPress 2026 : Réglages Typo pour un site ultra rapide
1 063 просмотра · 4 месяца назад
Toptuto Web
61,6 тыс. подписчиков
1 063 просмотра · 4 месяца назад
Optimisez la vitesse de votre site WordPress en 2026 en maîtrisant la typographie et l'hébergement local des polices. Dans ce tutoriel technique, nous configurons le thème Blocksy pour atteindre 100 % de performance sur Google PageSpeed Insights.
Découvrez comment utiliser l'extension OMGF pour supprimer les requêtes vers les serveurs Google Fonts, réduire la latence et mettre votre site en conformité RGPD. Nous configurons également la police Inter Variable pour un rendu optimal sur ordinateur, tablette et mobile, tout en automatisant l'optimisation globale via les préréglages avancés de LiteSpeed Cache.
Points clés abordés :
Configuration de la typographie globale sur Blocksy.
Utilisation d'une police unique (Inter Variable) pour la performance.
Installation et réglages de l'extension OMGF.
Nettoyage des polices inutilisées et préchargement.
Optimisation automatique avec LiteSpeed Cache.
Chapitrage (Timecodes)
00:00 - Introduction : Vitesse et Typographie
00:44 - Création d'une page de test avec Gutenberg
03:16 - Astuce Blocksy : Masquer le titre de la page
04:06 - Configuration de la typographie globale
05:11 - Pourquoi choisir une seule police en 2026
09:10 - Réglages Responsive : Ordinateur, Tablette et Mobile
10:29 - Hiérarchie des titres (H1 à H4)
12:35 - OMGF : Héberger les polices sur votre serveur
16:39 - Sélection des graisses et préchargement
19:24 - Résolution des erreurs OMGF (Passage au vert)
22:50 - Booster les performances avec LiteSpeed Cache
23:28 - Conclusion et prochain tuto sur les couleurs
Lien vers le premier tuto "WordPress 100% PageSpeed Insights : les bases vitales"
• WordPress 100% PageSpeed Insights : les ba...
TYPOGRAPHIE (POLICE : INTER)
1. Titre Principal (H1)
Taille (Ordi) : 42px
Taille (Tablette) : 36px
Taille (Mobile) : 30px
Graisse : 800 (Extra-Bold)
Hauteur de ligne : 46px
Espacement des lettres : -1px
2. Titre de Section (H2)
Taille (Ordi) : 32px
Taille (Tablette) : 28px
Taille (Mobile) : 24px
Graisse : 800 (Extra-Bold)
Hauteur de ligne : 38px
Espacement des lettres : -0.5px
3. Titre de Détail (H3)
Taille (Ordi) : 24px
Taille (Tablette) : 22px
Taille (Mobile) : 20px
Graisse : 700 (Bold)
Hauteur de ligne : 32px
Espacement des lettres : 0px
4. Texte de Corps (Paragraphe)
Taille (Ordi) : 18px
Taille (Tablette) : 17px
Taille (Mobile) : 16px
Graisse : 400 (Regular)
Hauteur de ligne : 31px
Espacement des lettres : 0px
Mon hébergement web :
👉 Lien vers Monarobase :https://monarobase.net/hebergement-we...
🔥 Code Promo (-10%) : TOPTUTOWEB (à entrer en majuscules)