Héberger localement Google Fonts sur le thème Ex2
Construire un beau site web est très important, mais la performance de votre site l’est aussi. Ex2-Theme est reconnu comme un thème rapide avec un code propre et optimisé pour les performances qui se traduit par un chargement rapide des sites Web.
Néanmoins, il existe des fonctionnalités additionnelles que vous pourriez utiliser sur votre site Web qui auront toutes un impact sur les performances.
Sous l’option Performance du tableau de bord Ex2-Theme (Ex2-Theme > Réglages > Performance du tableau de bord WordPress), vous trouverez une option pour activer le chargement local des polices Google Fonts.
En activant cette option, vous téléchargez des polices Google et les enregistrez sur votre serveur web. Cela peut être un bon moyen d'améliorer la vitesse de votre site web.
Lorsque vous utilisez une police de Google sur votre site, une requête doit être envoyée à Google pour charger cette police chaque fois qu'une page ou un message est chargé. Ce delai peut nuire à la vitesse de chargement et aux performances.
Pour éviter cela, Ex2-Theme est livré avec une fonction auto-hébergée intégrée pour Google Fonts. Cette fonctionnalité pratique a été ajoutée avec la mise à jour Ex2-Theme 3.6.0.
Dans le tableau de bord Ex2-Theme, vous trouverez un bouton à bascule permettant d'activer facilement l’option Charger les polices Google localement.
L’activation de cette fonctionnalité n’enverra qu’une seule requête Google Font API. Celle-ci rassemblera tous les fichiers et les données des polices de Google et les stockera localement sur votre serveur. Pour toute autre demande effectuée par la suite, les polices Google seront chargées en utilisant les fichiers stockés localement (jusqu’à ce que cette option soit activée).
Une fois que vos fichiers de police sont chargés localement, vous pouvez aussi les précharger. Par défaut, les navigateurs web attendent de commencer à afficher le contenu sur l’écran de l’utilisateur pour charger le fichier de police.
Dans certains cas, un navigateur peut donc être prêt à charger le texte de vos sites web, mais devoir attendre que le fichier de police soit d'abord téléchargé en premier et que celui-ci ne soit pas encore disponible. Ce type de situations ralentit le chargement de votre page et crée une mauvaise expérience utilisateur.
Le pré-chargement des polices indique au navigateur d’importer la police sans attendre. Ainsi, la police est prête à être affichée dès que le navigateur commence à charger le texte. Cela aura un impact positif sur les performances de votre site Web.
Quand les polices sont chargées et enregistrées localement, les modification apportées aux polices Google Fonts ne sont pas appliquées automatiquement. Pour garder les polices de votre site Web à jour, Ex2-Theme inclut une fonctionnalité permettant de mettre à jour les polices stockées localement. Celle-ci produit les actions suivantes :
Votre site web mettra à jour automatiquement à chaque mois toutes vos polices
Les paramètres prendrons garderons en mémoire les modifications que vous enregistrez dans la personnalisation du thème.
Au besoin, vous pouvez mettre à jour les polices manuellement à tout moment en cliquant sur le bouton Purger le cache des polices locales.
Néanmoins, il existe des fonctionnalités additionnelles que vous pourriez utiliser sur votre site Web qui auront toutes un impact sur les performances.
Sous l’option Performance du tableau de bord Ex2-Theme (Ex2-Theme > Réglages > Performance du tableau de bord WordPress), vous trouverez une option pour activer le chargement local des polices Google Fonts.
En activant cette option, vous téléchargez des polices Google et les enregistrez sur votre serveur web. Cela peut être un bon moyen d'améliorer la vitesse de votre site web.
Le chargement local des polices Google Fonts
Lorsque vous utilisez une police de Google sur votre site, une requête doit être envoyée à Google pour charger cette police chaque fois qu'une page ou un message est chargé. Ce delai peut nuire à la vitesse de chargement et aux performances.
Pour éviter cela, Ex2-Theme est livré avec une fonction auto-hébergée intégrée pour Google Fonts. Cette fonctionnalité pratique a été ajoutée avec la mise à jour Ex2-Theme 3.6.0.
Dans le tableau de bord Ex2-Theme, vous trouverez un bouton à bascule permettant d'activer facilement l’option Charger les polices Google localement.
L’activation de cette fonctionnalité n’enverra qu’une seule requête Google Font API. Celle-ci rassemblera tous les fichiers et les données des polices de Google et les stockera localement sur votre serveur. Pour toute autre demande effectuée par la suite, les polices Google seront chargées en utilisant les fichiers stockés localement (jusqu’à ce que cette option soit activée).
Le pré-chargement des polices locales
Une fois que vos fichiers de police sont chargés localement, vous pouvez aussi les précharger. Par défaut, les navigateurs web attendent de commencer à afficher le contenu sur l’écran de l’utilisateur pour charger le fichier de police.
Dans certains cas, un navigateur peut donc être prêt à charger le texte de vos sites web, mais devoir attendre que le fichier de police soit d'abord téléchargé en premier et que celui-ci ne soit pas encore disponible. Ce type de situations ralentit le chargement de votre page et crée une mauvaise expérience utilisateur.
Le pré-chargement des polices indique au navigateur d’importer la police sans attendre. Ainsi, la police est prête à être affichée dès que le navigateur commence à charger le texte. Cela aura un impact positif sur les performances de votre site Web.
Vider le cache des polices locales
Quand les polices sont chargées et enregistrées localement, les modification apportées aux polices Google Fonts ne sont pas appliquées automatiquement. Pour garder les polices de votre site Web à jour, Ex2-Theme inclut une fonctionnalité permettant de mettre à jour les polices stockées localement. Celle-ci produit les actions suivantes :
Votre site web mettra à jour automatiquement à chaque mois toutes vos polices
Les paramètres prendrons garderons en mémoire les modifications que vous enregistrez dans la personnalisation du thème.
Au besoin, vous pouvez mettre à jour les polices manuellement à tout moment en cliquant sur le bouton Purger le cache des polices locales.
Mis à jour le : 29/03/2023
Merci !