{"id":24296,"date":"2024-01-07T12:15:21","date_gmt":"2024-01-07T12:15:21","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24296"},"modified":"2025-04-17T18:18:30","modified_gmt":"2025-04-17T17:18:30","slug":"mon-dieu","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/mon-dieu\/","title":{"rendered":"Oh mon Dieu"},"content":{"rendered":"
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Charger les polices Correctement<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Une\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Le t\u00e9l\u00e9chargement des polices Google est indispensable<\/p>\n

OMGF est le moyen le plus simple de le faire<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n T\u00e9l\u00e9charger OMGF<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tT\u00e9l\u00e9charger OMGF\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a> <\/div>\n <\/div>\n<\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Qu'est-ce que Oh mon Dieu<\/span>?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

OMGF est un plugin qui t\u00e9l\u00e9charge toutes les polices Google que votre site Web utilise directement sur votre serveur. Cela \u00e9vite \u00e0 votre installation WordPress d'avoir \u00e0 demander des polices aux serveurs de Google, ce qui permet d'\u00e9conomiser du temps et des connexions. Le plugin est incroyablement simple \u00e0 utiliser et si la conception de votre site Web est termin\u00e9e, vous n'aurez \u00e0 l'utiliser qu'une seule fois pour augmenter votre visibilit\u00e9. score de vitesse de page<\/a> et r\u00e9duisez le temps de chargement de votre site Web.<\/p>\n

Ce que beaucoup de gens ne r\u00e9alisent pas, c\u2019est que la taille des fichiers de polices peut \u00eatre assez importante. Beaucoup ont une taille allant jusqu'\u00e0 200 Ko, donc leur t\u00e9l\u00e9chargement sur chaque demande de page peut \u00eatre gourmand en serveur. Si l\u2019on consid\u00e8re que cette page enti\u00e8re fait environ 800 Ko (images comprises), vous pouvez voir l\u2019importance de t\u00e9l\u00e9charger des polices pour am\u00e9liorer votre vitesse globale. Ajoutez \u00e0 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\u00e9l\u00e9chargement de polices seul peut d\u00e9passer 1 Mo si vous ne faites pas attention.<\/p>\n

L'utilisation d'OMGF r\u00e9soudra le probl\u00e8me et contribuera \u00e0 renforcer votre rapports pagespeed et r\u00e9duire la vitesse de chargement<\/a> pour vos utilisateurs finaux. Vous avez peut-\u00eatre vu les avertissements concernant les polices et en particulier ce que l'on appelle \u00ab FOUT \u00bb (flash de texte ind\u00e9sirable) dans le rapport Google Lighthouse, et vous ne savez pas comment les corriger. Vous trouverez ci-dessous un guide rapide sur la fa\u00e7on d'utiliser OMGF et maximiser la vitesse de chargement des polices sur votre site Web<\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Charger les polices Correctement<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Une\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Le t\u00e9l\u00e9chargement des polices Google est indispensable<\/p>\n

OMGF est le moyen le plus simple de le faire<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n T\u00e9l\u00e9charger OMGF<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tT\u00e9l\u00e9charger OMGF\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a>\n\t
\n\t\t
\n\t\t\t

Qu'est-ce que Oh mon Dieu<\/span>?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

OMGF est un plugin qui t\u00e9l\u00e9charge toutes les polices Google que votre site Web utilise directement sur votre serveur. Cela \u00e9vite \u00e0 votre installation WordPress d'avoir \u00e0 demander des polices aux serveurs de Google, ce qui permet d'\u00e9conomiser du temps et des connexions. Le plugin est incroyablement simple \u00e0 utiliser et si votre conception de site Web<\/a> est termin\u00e9, vous n\u2019aurez \u00e0 l\u2019utiliser qu\u2019une seule fois pour augmenter votre score de vitesse de page et r\u00e9duire le temps de chargement de votre site Web.<\/p>\n

Ce que beaucoup de gens ne r\u00e9alisent pas, c\u2019est que la taille des fichiers de polices peut \u00eatre assez importante. Beaucoup ont une taille allant jusqu'\u00e0 200 Ko, donc leur t\u00e9l\u00e9chargement sur chaque demande de page peut \u00eatre gourmand en serveur. Si l\u2019on consid\u00e8re que cette page enti\u00e8re fait environ 800 Ko (images comprises), vous pouvez voir l\u2019importance de t\u00e9l\u00e9charger des polices pour am\u00e9liorer votre vitesse globale. Ajoutez \u00e0 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\u00e9l\u00e9chargement de polices seul peut d\u00e9passer 1 Mo si vous ne faites pas attention.<\/p>\n

L'utilisation d'OMGF r\u00e9soudra le probl\u00e8me, contribuera \u00e0 renforcer vos rapports de vitesse de page et \u00e0 r\u00e9duire la vitesse de chargement pour vos utilisateurs finaux. Vous avez peut-\u00eatre vu les avertissements concernant les polices et en particulier ce que l'on appelle \u00ab FOUT \u00bb (flash de texte ind\u00e9sirable) dans le rapport Google Lighthouse, et vous ne savez pas comment les corriger. Vous trouverez ci-dessous un guide rapide sur la fa\u00e7on d'utiliser OMGF et d'optimiser la vitesse de chargement des polices sur votre site Web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Charger les polices Correctement<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

OMGF est un plugin qui t\u00e9l\u00e9charge toutes les polices Google que votre site Web utilise directement sur votre serveur. Cela emp\u00eache votre site Web de demander des polices aux serveurs de Google, ce qui permet d'\u00e9conomiser du temps et des connexions.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Une\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Le plugin est incroyablement simple \u00e0 utiliser et si la conception de votre site Web est termin\u00e9e, vous n'aurez \u00e0 l'utiliser qu'une seule fois pour augmentez votre score de vitesse de page<\/a> et r\u00e9duisez le temps de chargement de votre site Web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Ce que beaucoup de gens ne r\u00e9alisent pas, c\u2019est que la taille des fichiers de polices peut \u00eatre assez importante. Beaucoup ont une taille allant jusqu'\u00e0 200 Ko, donc leur t\u00e9l\u00e9chargement sur chaque demande de page peut \u00eatre gourmand en serveur.<\/p>\n

Si l\u2019on consid\u00e8re que cette page enti\u00e8re fait environ 800 Ko (images comprises), vous pouvez voir l\u2019importance de t\u00e9l\u00e9charger des polices pour am\u00e9liorer votre vitesse globale. Ajoutez \u00e0 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\u00e9l\u00e9chargement de polices seul peut d\u00e9passer 1 Mo si vous ne faites pas attention.<\/p>\n

L'utilisation d'OMGF r\u00e9soudra le probl\u00e8me, contribuera \u00e0 renforcer vos rapports de vitesse de page et \u00e0 r\u00e9duire la vitesse de chargement pour vos utilisateurs finaux. Vous avez peut-\u00eatre vu les avertissements concernant les polices et en particulier ce que l'on appelle \u00ab FOUT \u00bb (flash de texte ind\u00e9sirable) dans le rapport Google Lighthouse, et vous ne savez pas comment les corriger. Vous trouverez ci-dessous un guide rapide sur la fa\u00e7on d'utiliser OMGF et d'optimiser la vitesse de chargement des polices sur votre site Web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

\n T\u00e9l\u00e9charger OMGF<\/span>\n \t
\n\t \t\n\t \t\t\n\t \t\t\tT\u00e9l\u00e9charger OMGF\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a><\/div><\/div><\/div><\/div> <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

En utilisant Oh mon Dieu<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Plus rapide Police de caract\u00e8re<\/span> Chargement avec OMGF<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
\n
\n

\n \n <\/span>\n <\/span>\n <\/span>\n Utiliser OMGF<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

OMGF est vraiment facile \u00e0 utiliser. Si vous regardez la vid\u00e9o, vous constaterez que le processus prend au maximum une minute ou deux. Sachez que ce plugin est uniquement destin\u00e9 aux polices Google, et non \u00e0 toute autre police Typekit ou Adobe. Cependant, comme la plupart des th\u00e8mes commerciaux utilisent Google Fonts, ce devrait \u00eatre le seul plugin dont vous avez besoin.<\/p>\n

Et alors Est-ce que je fais<\/span>?<\/p>\n

Apr\u00e8s avoir install\u00e9 le plugin, allez dans Param\u00e8tres \/ Optimiser<\/a> Polices Google. Ensuite, vous cliquez litt\u00e9ralement sur \u00ab D\u00e9tection automatique \u00bb pour voir une liste des polices Google utilis\u00e9es par votre site Web. Si vous souhaitez conserver les param\u00e8tres standard, cliquez simplement sur Enregistrer et c'est tout : les polices seront t\u00e9l\u00e9charg\u00e9es et un nouveau fichier CSS sera cr\u00e9\u00e9 pour utiliser les polices Google.<\/p>\n

Si vous utilisez Nettoyage des actifs Pro<\/a><\/strong>, allez-y et dans Param\u00e8tres \/ Google Fonts. Cliquez sur l'onglet avanc\u00e9 et cliquez sur le commutateur pour activer \u00ab\u00a0Supprimer tout\u00a0\u00bb. Cela arr\u00eatera tous les appels externes vers Google lors de l'utilisation de polices.<\/p>\n

Dans de rares cas, cela peut encore casser les polices. C'est lorsqu'un en-t\u00eate de th\u00e8me utilise sp\u00e9cifiquement une police et qu'il ne peut pas \u00eatre \u00e9cras\u00e9. Dans ce cas, vous devrez peut-\u00eatre modifier le fichier d\u2019en-t\u00eate de votre mod\u00e8le de th\u00e8me, mais ce n\u2019est pas si courant.<\/p>\n

Qu'en est-il de Pr\u00e9chargement<\/span>?<\/p>\n

Le pr\u00e9chargement sert \u00e0 charger les polices prioritaires utilis\u00e9es au-dessus de la ligne de flottaison. Il s'agit g\u00e9n\u00e9ralement de la police de votre menu et du texte de votre paragraphe. Il est rare que vous ayez besoin de pr\u00e9charger des polices italiques ou sp\u00e9cialis\u00e9es, \u00e0 moins que vous ne les utilisiez dans des curseurs ou des graphiques de h\u00e9ros en haut de la page. Pour vos polices prioritaires, cochez simplement pr\u00e9charger celles-ci avant de les enregistrer.<\/p>\n

Si vous n'\u00eates pas s\u00fbr 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 \u00ab inspecter \u00bb. Si un nouvel avertissement appara\u00eet (case jaune avec un point d'exclamation), cliquez dessus. Recherchez un avertissement indiquant que vous pr\u00e9chargez une police dont vous n'avez pas besoin. Notez la police et l'\u00e9paisseur de la police. Revenez ensuite dans les param\u00e8tres du plugin et d\u00e9cochez le pr\u00e9chargement de cette police \u2013 et c'est tout !<\/p>\n

Le pr\u00e9chargement des polices peut \u00e9galement r\u00e9soudre les probl\u00e8mes \u00ab FOUT \u00bb. Un bon conseil est de toujours utiliser \u00ab font-display: swap \u00bb chaque fois que vous disposez des param\u00e8tres (il s'agit d'une option dans Asset Cleanup Pro). Ensuite, le flash de texte lorsque votre site Web passe des polices syst\u00e8me aux polices stylis\u00e9es ne sera pas perceptible et obtiendra de bien meilleurs r\u00e9sultats sur Google Lighthouse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t

OMGF \u2013 Regardez la vid\u00e9o<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\n\t\t\t