itrenew Posted June 9 Share Posted June 9 Bonjour, Après avoir exécuté un Google speed insight, je me retrouve avec cette ligne : Google Fonts cdn 23,8 KiB 910 ms /css?family=Noto+Sans+KR (fonts.googleapis.com) 23,8 KiB 910 ms Je trouve énorme que la partie la plus importante de blocage de vitesse du site soit lié à la police d'écriture ! Quel moyen de changer ceci? Connaissez vous des police plus "light" permettant d'économiser ce temps de chargement? Même question : Phase % du LCP Durée TTFB 8% 600 ms Délai de chargement 30% 2 270 ms Comment optimiser tout ceci svp? Côté Prestashop 8.2.1 j'ai le cache Smarty activé mais aucun autre, ai je besoin d'activer * "Smart cache" pour les feuilles de style NonOui * "Smart cache" pour le code JavaScript NonOui * Optimisation Apache NonOui En cochant cette case, votre fichier .htaccess sera complété automatiquement avec des directives améliorant le cache et la compression. ou link Cache * Utiliser le cache Non De même côté serveur (LWS) j'ai plusieurs options à disposition : LWSCache par Varnish (activé), Memcache et Redis désactivé. Merci d'avance et désolé si c'est pas très clair au niveau de mes questions. Link to comment Share on other sites More sharing options...
magicbel Posted June 12 Share Posted June 12 Bonjour, Il est déconseillé de laisser le chargement des fonts via GoogleFont. Le mieux est de les placer sur votre serveur/hébergement directement. Ca évitera de se prendre une latence par un opérateur tier (ici Google Font). Il y a pas mal de tuto sur comment faire, en voici un par exemple : https://www.thierry-creation.fr/guide-pratique-integrer-des-google-fonts-sur-prestashop/ Concernant la vitesse, une URL afin que l'on analyse celle-ci aurait été bien Link to comment Share on other sites More sharing options...
El Patron Posted June 13 Share Posted June 13 En résumé : DNS-Prefetch lance la résolution de nom. Preconnect établit tôt la connexion. Preload récupère la feuille de style (et éventuellement le fichier) en priorité élevée. Prefetch prépare les polices pour la suite. Ces méthodes combinées réduisent significativement le temps avant le rendu du texte. <head> <!-- 1. Résolution DNS anticipée --> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <!-- 2. Préconnexion pour une poignée de main rapide --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <!-- 3a. Preload de la feuille de style des polices --> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> <!-- 3b. Chargement normal de la feuille de style --> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> <!-- Optionnel : Preload des fichiers de police critiques --> <!-- <link rel="preload" as="font" href="https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5Q.woff2" type="font/woff2" crossorigin> --> </head> * "Smart cache" pour les feuilles de style Oui * "Smart cache" pour le code JavaScript Oui * Optimisation Apache Oui Link to comment Share on other sites More sharing options...
(1).png.f597829213d5ad3868de407bba340da2.png)
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now