Sommaire
Saviez-vous que vous pouvez exploiter le cache du navigateur et minimiser les DNS si vous hébergez les polices Google localement dans WordPress ? Il existe en fait des dizaines de tutoriels en ligne sur les avantages de l’hébergement local des Google Fonts. Cependant, la plupart d’entre eux sont longs, ennuyeux et compliqués.
Ils ont tous les mêmes étapes. Elles parlent des fichiers à télécharger, de la façon de les charger sur votre site WordPress, de la création d’une feuille de style, de l’ajout de vos polices Google à cette feuille de style, de la mise en file d’attente de la feuille de style sur votre site WordPress, et ainsi de suite.
Cela prend en fait beaucoup de temps et peut être difficile pour beaucoup de gens. Cependant, vous pouvez désormais héberger et optimiser les polices de Google dans WordPress grâce à un plugin simple et facile à utiliser.
Pourquoi devriez-vous héberger les polices Google localement ?
La principale raison pour laquelle vous voudriez héberger les Google Fonts localement est le temps de vitesse des pages. Lorsqu’elles sont hébergées localement, le navigateur du visiteur de votre site n’a pas besoin de faire un aller-retour entre les serveurs de Google pour récupérer les bons fichiers.
Vous avez également le contrôle total du délai d’expiration des dossiers. Cela permet d’éliminer l’avis de mise en cache du navigateur sur les sites offrant des mesures de performance comme GTMetrix, Pagespeed Insights et Pingdom.
Optimisez les polices Google et cela rendra le processus beaucoup plus rapide et les visiteurs de votre site le remarqueront. Afin de faire cela sans perdre de temps avec toutes les étapes ci-dessus, j’ai trouvé un plugin solide qui vous permettra de compléter l’ensemble du processus en quelques clics.
Héberger les polices Google localement dans WordPress en utilisant OMGF
Le plugin OMGF (Optimize My Google Fonts) a été spécialement conçu pour améliorer les performances et offrir à l’utilisateur une expérience conviviale et facile à comprendre. OMGF utilise l’API Google Fonts Helper pour télécharger automatiquement les polices que vous souhaitez dans votre dossier de contenu WordPress. Ensuite, il génère automatiquement une feuille de style pour ce dossier également.
Le plugin est rempli de fonctionnalités, notamment :
- Vous pouvez facilement rechercher et trouver des polices et des sous-ensembles
- La feuille de style est générée automatiquement et ajoutée automatiquement à votre en-tête
- Compatible avec les plugins populaires de mise en cache et de sécurité WP Super Cache, Autoptimize et WordFence.
- Capacité à contrôler la performance des polices
- Prioriser les polices avec rel=’preload’.
Installer et activer l’OMGF
Commençons donc le processus. Afin d’héberger facilement les polices Google dans WordPress, vous devez installer et activer le plugin OMGF.
Une fois que le plugin a été installé et activé, cliquez sur Paramètres Optimiser les polices Web.
Cela vous amènera à la page de configuration du plugin où vous pourrez alors le configurer et commencer à héberger les Google Fonts localement.
Configurer l’OMGF pour son utilisation
Ce plugin est en fait très simple. Cependant, faisons quand même un rapide tour d’horizon pour que vous puissiez voir comment cela est censé se passer.
Note : Vous pouvez en fait utiliser ce plugin pour changer vos polices de caractères à votre guise. Cependant, cela signifierait qu’il faudrait jouer avec les feuilles de style, et ce n’est pas ce que nous faisons dans ce tutoriel. En outre, il existe une autre façon d’utiliser des polices personnalisées sur votre site web.
Une fois sur la page de configuration du plugin pour OMGF, vous verrez en fait des instructions détaillées sur ce qu’il faut faire exactement. Toutefois, à titre de référence, voici ce que vous devez faire :
Recherchez les polices Google que vous souhaitez à l’aide de l’option “Recherche” dans la section “Générer une feuille de style”.
Vous pouvez facilement rechercher toutes les polices Google disponibles.
Vous pouvez sélectionner autant de Google Fonts que vous le souhaitez. Si vous en sélectionnez plusieurs, il suffit de les séparer par une virgule. Lorsque vous recherchez une police, Google vous affiche également les sous-ensembles de la police. Cochez les cases des sous-ensembles de polices que vous souhaitez. Lorsque vous avez terminé, cliquez sur le bouton “Télécharger les polices”.
Lorsque le téléchargement est terminé, cliquez sur le bouton “générer la feuille de style”. Une feuille de style sera automatiquement générée et ajoutée à l’en-tête de votre thème.
C’est tout. Vous utilisez maintenant avec succès l’OMGF pour héberger localement les polices de Google dans WordPress.
Note : Il y a quelques options de cases à cocher sur la droite. Si vous pensez en avoir besoin pour votre configuration, cliquez dessus avant de générer votre feuille de style.
Dernières réflexions
Lorsque vous hébergez les polices Google localement, cela donne à votre site de nombreux avantages. Parmi tous ces avantages, la vitesse et l’optimisation des pages sont les plus importants. Cela peut avoir un impact sur les scores de PageSpeed Insights pour ceux qui essaient d’atteindre l’illustre “100” parfait pour la mobilité.
Vous n’avez plus besoin de suivre un long ensemble de directions et d’exécuter une tonne de fonctions pour héberger les Google Fonts localement. Vous pouvez désormais le faire rapidement et facilement grâce au plugin OMGF.
Avez-vous déjà essayé d’héberger des polices Google en local ? Avez-vous constaté que cette méthode est plus facile que de tout créer vous-même ?