Jump to content

fonts google locales


RicRey

Recommended Posts

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?

Link to comment
Share on other sites

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.

  • Like 1
Link to comment
Share on other sites

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"> 

 

Link to comment
Share on other sites

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

 

Screenshot_37.thumb.png.eebbe204fca3664f16930d4e25ab3c0f.png

  • Like 1
Link to comment
Share on other sites

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

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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>

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...