Oh mon Dieu Chargement des polices
Charger les polices Correctement
Le téléchargement des polices Google est indispensable
OMGF est le moyen le plus simple de le faire
Qu'est-ce que Oh mon Dieu?
OMGF est un plugin qui télécharge toutes les polices Google que votre site Web utilise directement sur votre serveur. Cela évite à votre installation WordPress d'avoir à demander des polices aux serveurs de Google, ce qui permet d'économiser du temps et des connexions. Le plugin est incroyablement simple à utiliser et si la conception de votre site Web est terminée, vous n'aurez à l'utiliser qu'une seule fois pour augmenter votre visibilité. score de vitesse de page et réduisez le temps de chargement de votre site Web.
Ce que beaucoup de gens ne réalisent pas, c’est que la taille des fichiers de polices peut être assez importante. Beaucoup ont une taille allant jusqu'à 200 Ko, donc leur téléchargement sur chaque demande de page peut être gourmand en serveur. Si l’on considère que cette page entière fait environ 800 Ko (images comprises), vous pouvez voir l’importance de télécharger des polices pour améliorer votre vitesse globale. Ajoutez à cela le fait que la plupart des sites Web ont plusieurs styles de police et poids de police, vous pouvez facilement voir comment le téléchargement de polices seul peut dépasser 1 Mo si vous ne faites pas attention.
L'utilisation d'OMGF résoudra le problème et contribuera à renforcer votre rapports pagespeed et réduire la vitesse de chargement pour vos utilisateurs finaux. Vous avez peut-être vu les avertissements concernant les polices et en particulier ce que l'on appelle « FOUT » (flash de texte indésirable) dans le rapport Google Lighthouse, et vous ne savez pas comment les corriger. Vous trouverez ci-dessous un guide rapide sur la façon d'utiliser OMGF et maximiser la vitesse de chargement des polices sur votre site Web.
Charger les polices Correctement
Le téléchargement des polices Google est indispensable
OMGF est le moyen le plus simple de le faire
Qu'est-ce que Oh mon Dieu?
OMGF est un plugin qui télécharge toutes les polices Google que votre site Web utilise directement sur votre serveur. Cela évite à votre installation WordPress d'avoir à demander des polices aux serveurs de Google, ce qui permet d'économiser du temps et des connexions. Le plugin est incroyablement simple à utiliser et si votre conception de site Web est terminé, vous n’aurez à l’utiliser qu’une seule fois pour augmenter votre score de vitesse de page et réduire le temps de chargement de votre site Web.
Ce que beaucoup de gens ne réalisent pas, c’est que la taille des fichiers de polices peut être assez importante. Beaucoup ont une taille allant jusqu'à 200 Ko, donc leur téléchargement sur chaque demande de page peut être gourmand en serveur. Si l’on considère que cette page entière fait environ 800 Ko (images comprises), vous pouvez voir l’importance de télécharger des polices pour améliorer votre vitesse globale. Ajoutez à cela le fait que la plupart des sites Web ont plusieurs styles de police et poids de police, vous pouvez facilement voir comment le téléchargement de polices seul peut dépasser 1 Mo si vous ne faites pas attention.
L'utilisation d'OMGF résoudra le problème, contribuera à renforcer vos rapports de vitesse de page et à réduire la vitesse de chargement pour vos utilisateurs finaux. Vous avez peut-être vu les avertissements concernant les polices et en particulier ce que l'on appelle « FOUT » (flash de texte indésirable) dans le rapport Google Lighthouse, et vous ne savez pas comment les corriger. Vous trouverez ci-dessous un guide rapide sur la façon d'utiliser OMGF et d'optimiser la vitesse de chargement des polices sur votre site Web.
OMGF est un plugin qui télécharge toutes les polices Google que votre site Web utilise directement sur votre serveur. Cela empêche votre site Web de demander des polices aux serveurs de Google, ce qui permet d'économiser du temps et des connexions.
Le plugin est incroyablement simple à utiliser et si la conception de votre site Web est terminée, vous n'aurez à l'utiliser qu'une seule fois pour augmentez votre score de vitesse de page et réduisez le temps de chargement de votre site Web.
Ce que beaucoup de gens ne réalisent pas, c’est que la taille des fichiers de polices peut être assez importante. Beaucoup ont une taille allant jusqu'à 200 Ko, donc leur téléchargement sur chaque demande de page peut être gourmand en serveur.
Si l’on considère que cette page entière fait environ 800 Ko (images comprises), vous pouvez voir l’importance de télécharger des polices pour améliorer votre vitesse globale. Ajoutez à cela le fait que la plupart des sites Web ont plusieurs styles de police et poids de police, vous pouvez facilement voir comment le téléchargement de polices seul peut dépasser 1 Mo si vous ne faites pas attention.
L'utilisation d'OMGF résoudra le problème, contribuera à renforcer vos rapports de vitesse de page et à réduire la vitesse de chargement pour vos utilisateurs finaux. Vous avez peut-être vu les avertissements concernant les polices et en particulier ce que l'on appelle « FOUT » (flash de texte indésirable) dans le rapport Google Lighthouse, et vous ne savez pas comment les corriger. Vous trouverez ci-dessous un guide rapide sur la façon d'utiliser OMGF et d'optimiser la vitesse de chargement des polices sur votre site Web.
En utilisant Oh mon Dieu
Plus rapide Police de caractère Chargement avec OMGF
Utiliser OMGF
OMGF est vraiment facile à utiliser. Si vous regardez la vidéo, vous constaterez que le processus prend au maximum une minute ou deux. Sachez que ce plugin est uniquement destiné aux polices Google, et non à toute autre police Typekit ou Adobe. Cependant, comme la plupart des thèmes commerciaux utilisent Google Fonts, ce devrait être le seul plugin dont vous avez besoin.
Et alors Est-ce que je fais?
Après avoir installé le plugin, allez dans Paramètres / Optimiser Polices Google. Ensuite, vous cliquez littéralement sur « Détection automatique » pour voir une liste des polices Google utilisées par votre site Web. Si vous souhaitez conserver les paramètres standard, cliquez simplement sur Enregistrer et c'est tout : les polices seront téléchargées et un nouveau fichier CSS sera créé pour utiliser les polices Google.
Si vous utilisez Nettoyage des actifs Pro, allez-y et dans Paramètres / Google Fonts. Cliquez sur l'onglet avancé et cliquez sur le commutateur pour activer « Supprimer tout ». Cela arrêtera tous les appels externes vers Google lors de l'utilisation de polices.
Dans de rares cas, cela peut encore casser les polices. C'est lorsqu'un en-tête de thème utilise spécifiquement une police et qu'il ne peut pas être écrasé. Dans ce cas, vous devrez peut-être modifier le fichier d’en-tête de votre modèle de thème, mais ce n’est pas si courant.
Qu'en est-il de Préchargement?
Le préchargement sert à charger les polices prioritaires utilisées au-dessus de la ligne de flottaison. Il s'agit généralement de la police de votre menu et du texte de votre paragraphe. Il est rare que vous ayez besoin de précharger des polices italiques ou spécialisées, à moins que vous ne les utilisiez dans des curseurs ou des graphiques de héros en haut de la page. Pour vos polices prioritaires, cochez simplement précharger celles-ci avant de les enregistrer.
Si vous n'êtes pas sûr de vos polices prioritaires, cochez-les toutes. Videz ensuite votre cache et rechargez la page dans Google Chrome. Faites un clic droit puis cliquez sur « inspecter ». Si un nouvel avertissement apparaît (case jaune avec un point d'exclamation), cliquez dessus. Recherchez un avertissement indiquant que vous préchargez une police dont vous n'avez pas besoin. Notez la police et l'épaisseur de la police. Revenez ensuite dans les paramètres du plugin et décochez le préchargement de cette police – et c'est tout !
Le préchargement des polices peut également résoudre les problèmes « FOUT ». Un bon conseil est de toujours utiliser « font-display: swap » chaque fois que vous disposez des paramètres (il s'agit d'une option dans Asset Cleanup Pro). Ensuite, le flash de texte lorsque votre site Web passe des polices système aux polices stylisées ne sera pas perceptible et obtiendra de bien meilleurs résultats sur Google Lighthouse.
OMGF – Regardez la vidéo
Merci à Scott de Médias certifiés Pour la vidéo
Que faire s'il ne détecte pas les polices ?
OMGF est compatible avec presque tous les sites Web WordPress – mais certaines installations peuvent poser problème. Si au début les polices ne sont pas répertoriées lorsque vous les analysez, ouvrez simplement votre site Web dans un autre onglet. Revenez ensuite au plugin et cliquez à nouveau sur analyser. Cette fois, une liste des polices devrait apparaître.
Prêt à continuer?
Étape 8 : Il est temps de voler
Accélérez Google Analytics
Plus rapide Police de caractère Chargement avec OMGF
Utiliser OMGF
OMGF est vraiment facile à utiliser. Si vous regardez la vidéo, vous constaterez que le processus prend au maximum une minute ou deux. Sachez que ce plugin est uniquement destiné aux polices Google, et non à toute autre police Typekit ou Adobe. Cependant, comme la plupart des thèmes commerciaux utilisent Google Fonts, ce devrait être le seul plugin dont vous avez besoin.
Et alors Est-ce que je fais?
Après avoir installé le plugin, allez dans Paramètres / Optimiser les polices Google. Ensuite, vous cliquez littéralement sur « Détection automatique » pour voir une liste des polices Google utilisées par votre site Web. Si vous souhaitez conserver les paramètres standard, cliquez simplement sur Enregistrer et c'est tout : les polices seront téléchargées et un nouveau fichier CSS sera créé pour utiliser les polices Google.
Si vous utilisez Nettoyage des actifs Pro, allez-y et dans Paramètres / Google Fonts. Cliquez sur l'onglet avancé et cliquez sur le commutateur pour activer « Supprimer tout ». Cela arrêtera tous les appels externes vers Google lors de l'utilisation de polices.
Dans de rares cas, cela peut encore casser les polices. C'est lorsqu'un en-tête de thème utilise spécifiquement une police et qu'il ne peut pas être écrasé. Dans ce cas, vous devrez peut-être modifier le fichier d’en-tête de votre modèle de thème, mais ce n’est pas si courant.
Qu'en est-il de Préchargement?
Le préchargement sert à charger les polices prioritaires utilisées au-dessus de la ligne de flottaison. Il s'agit généralement de la police de votre menu et du texte de votre paragraphe. Il est rare que vous ayez besoin de précharger des polices italiques ou spécialisées, à moins que vous ne les utilisiez dans des curseurs ou des graphiques de héros en haut de la page. Pour vos polices prioritaires, cochez simplement précharger celles-ci avant de les enregistrer.
Si vous n'êtes pas sûr de vos polices prioritaires, cochez-les toutes. Videz ensuite votre cache et rechargez la page dans Google Chrome. Faites un clic droit puis cliquez sur « inspecter ». Si un nouvel avertissement apparaît (case jaune avec un point d'exclamation), cliquez dessus. Recherchez un avertissement indiquant que vous préchargez une police dont vous n'avez pas besoin. Notez la police et l'épaisseur de la police. Revenez ensuite dans les paramètres du plugin et décochez le préchargement de cette police – et c'est tout !
Le préchargement des polices peut également résoudre les problèmes « FOUT ». Un bon conseil est de toujours utiliser « font-display: swap » chaque fois que vous disposez des paramètres (il s'agit d'une option dans Asset Cleanup Pro). Ensuite, le flash de texte lorsque votre site Web passe des polices système aux polices stylisées ne sera pas perceptible et obtiendra de bien meilleurs résultats sur Google Lighthouse.
OMGF – Regardez la vidéo
Merci à Scott de Médias certifiés Pour la vidéo
Que faire s'il ne détecte pas les polices ?
OMGF est compatible avec presque tous les sites Web WordPress – mais certaines installations peuvent poser problème. Si au début les polices ne sont pas répertoriées lorsque vous les analysez, ouvrez simplement votre site Web dans un autre onglet. Revenez ensuite au plugin et cliquez à nouveau sur analyser. Cette fois, une liste des polices devrait apparaître.
Prêt à continuer?
Étape 8 : Il est temps de voler
Accélérez Google Analytics
Plus rapide Police de caractère Chargement
Utiliser OMGF
OMGF est vraiment facile à utiliser. Si vous regardez la vidéo, vous constaterez que le processus prend au maximum une minute ou deux. Sachez que ce plugin est uniquement destiné aux polices Google, et non à toute autre police Typekit ou Adobe. Cependant, comme la plupart des thèmes commerciaux utilisent Google Fonts, ce devrait être le seul plugin dont vous avez besoin.
Et alors Est-ce que je fais?
Après avoir installé le plugin, accédez à Paramètres / Optimiser les polices Google. Ensuite, vous cliquez littéralement sur « Détection automatique » pour voir une liste des polices Google utilisées par votre site Web. Si vous souhaitez conserver les paramètres standard, cliquez simplement sur Enregistrer et c'est tout : les polices seront téléchargées et un nouveau fichier CSS sera créé pour utiliser les polices Google.
Si vous utilisez Nettoyage des actifs Pro, allez-y et dans Paramètres / Google Fonts. Cliquez sur l'onglet avancé et cliquez sur le commutateur pour activer « Supprimer tout ». Cela arrêtera tous les appels externes vers Google lors de l'utilisation de polices.
Dans de rares cas, cela peut encore casser les polices. C'est lorsqu'un en-tête de thème utilise spécifiquement une police et qu'il ne peut pas être écrasé. Dans ce cas, vous devrez peut-être modifier le fichier d’en-tête de votre modèle de thème, mais ce n’est pas si courant.
Qu'en est-il de Préchargement?
Le préchargement sert à charger les polices prioritaires utilisées au-dessus de la ligne de flottaison. Il s'agit généralement de la police de votre menu et du texte de votre paragraphe. Il est rare que vous ayez besoin de précharger des polices italiques ou spécialisées, à moins que vous ne les utilisiez dans des curseurs ou des graphiques de héros en haut de la page. Pour vos polices prioritaires, cochez simplement précharger celles-ci avant de les enregistrer.
Si vous n'êtes pas sûr de vos polices prioritaires, cochez-les toutes. Videz ensuite votre cache et rechargez la page dans Google Chrome. Faites un clic droit puis cliquez sur « inspecter ». Si un nouvel avertissement apparaît (case jaune avec un point d'exclamation), cliquez dessus. Recherchez un avertissement indiquant que vous préchargez une police dont vous n'avez pas besoin. Notez la police et l'épaisseur de la police. Revenez ensuite dans les paramètres du plugin et décochez le préchargement de cette police – et c'est tout !
Le préchargement des polices peut également résoudre les problèmes « FOUT ». Un bon conseil est de toujours utiliser « font-display: swap » chaque fois que vous disposez des paramètres (il s'agit d'une option dans Asset Cleanup Pro). Ensuite, le flash de texte lorsque votre site Web passe des polices système aux polices stylisées ne sera pas perceptible et obtiendra de bien meilleurs résultats sur Google Lighthouse.
OMGF – Regardez la vidéo
Merci à Scott de Médias certifiés Pour la vidéo
Détection de polices
OMGF est compatible avec presque tous les sites Web WordPress – mais certaines installations peuvent poser problème. Si au début les polices ne sont pas répertoriées lorsque vous les analysez, ouvrez simplement votre site Web dans un autre onglet. Revenez ensuite au plugin et cliquez à nouveau sur analyser. Cette fois, une liste des polices devrait apparaître.
Prêt à continuer?
Étape 8 : Il est temps de voler
Accélérez Google Analytics