fonts google locales

[RicRey]

J'ai prestashop 1.7.5.1 et le thème fait des appels à fonts.googleapis.com Je veux savoir comment faire pour que l'appel de ces sources soit local et non distant?

J'ai trouvé l'itinéraire suivant: /themes/PRSADD101/templates/_partials/head.tpl

et le code suivant: 

<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,400i,500,500i,600,700" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/css?family=Montserrat:400" rel="stylesheet">

Il me semble qu'il y a un appel aux sources mais comment puis-je changer cela?

[Mediacom87]

Bonjour,

Pour quelle raison souhaitez vous récupérer localement les font ?

[RicRey]

2 hours ago, Mediacom87 said:

Bonjour,

Pour quelle raison souhaitez vous récupérer localement les font ?

Pour améliorer le score dans gtmetrix, économisez également quelques millisecondes de vitesse de chargement et effectuez moins de requêtes externes.
ou essayez au moins de faire 1 seule demande et non 3.

[Mediacom87]

Alors voici un petit article intéressant sur le sujet.

https://www.artwai.com/optimiser-les-google-fonts/

[RicRey]

1 hour ago, Mediacom87 said:

Alors voici un petit article intéressant sur le sujet.

https://www.artwai.com/optimiser-les-google-fonts/

 Merci pour l'article, j'ai trouvé intéressant de combiner les demandes pour faire 1 seul appel et non 3 ...

Maintenant, je ne sais pas si vous pouvez m'aider avec des informations dans prestashop, si je fais cette combinaison affectera le thème?

Ce serait bien si la combinaison se faisait comme ceci?:

 

<link href="https://fonts.googleapis.com/css?family=Raleway|Open+Sans|Montserrat:300,400,400i,500,500i,600,700" rel="stylesheet"> 

 

[Mediacom87]

Mettez en place et voyez le résultat et vous nous direz.

[RicRey]

Apparemment, cela a bien fonctionné, je ne vois aucun effet négatif sur le site.

Maintenant, il ne fait pas 3 consultations externes seulement 1 et cela réduit le temps, et réduit également les demandes.

J'aurais aimé améliorer cela en l'ajoutant localement mais disons que je suis très content du résultat. : D

 

[Mediacom87]

Il y a 2 heures, RicRey a dit :

<link href="https://fonts.googleapis.com/css?family=Raleway|Open+Sans|Montserrat:300,400,400i,500,500i,600,700" rel="stylesheet">

il faudrait plutôt conserver les format associés comme il faut :

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400|Montserrat:400|Raleway:300,400,400i,500,500i,600,700" rel="stylesheet"> 

après essayez de rajouter le Prefetch et le Preconnect

[RicRey]

11 hours ago, Mediacom87 said:

il faudrait plutôt conserver les format associés comme il faut :

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400|Montserrat:400|Raleway:300,400,400i,500,500i,600,700" rel="stylesheet"> 

après essayez de rajouter le Prefetch et le Preconnect

Comment ajouter une preconnet?

[Mediacom87]

étape 4 de l'article

[RicRey]

2 hours ago, Mediacom87 said:

étape 4 de l'article

ok, désolé xD.

Donc ce Preconnect devrait l'ajouter dans le même head.tpl du sujet?

Qu'est-ce que je n'ai pas compris que cela devrait être avant de charger le code de téléchargement de police ou au début du fichier head.tpl?

 

<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>