Besoin de vos avis sur la vitesse de mon site !

[caroled]

Bonjour,

 

J'ai analysé la vitesse de mon site Gris Pastel avec Google PageSpeed.

Il me suggère d'éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison.

 

Pourriez-vous me dire si vous trouvez que les pages suivantes en particulier se chargent lentement ?

 

https://www.grispastel.fr/idees-cadeaux/251-trousse-personnalisable.html

 

https://www.grispastel.fr/pochons-et-sacs/275-sac-cabas-personnalise.html

 

D'autre part est-ce que l'activation du CCC "Déplacer le code JavaScript à la fin" dans Prestashop peut améliorer quelque chose ?

 

Je vous remercie par avance !

 

Cordialement

[Johann]

C'est plutot très rapide chez moi !

et chez gtmetrix aussi : https://gtmetrix.com/reports/www.grispastel.fr/3SUp0PHd

[caroled]

Merci Johann !

C'est plutôt rassurant !

[Alexandre Carette]

Salut Caroled,
 
En analysant le premier lien: https://www.grispastel.fr/idees-cadeaux/251-trousse-personnalisable.html
 
ton TTFB est de plus de 500ms en FRANCE donc ce n'est pas très bon l'idéal est de passer en dessous des 200 ms au moins dans la zone ou tu vend
 
https://tools.keycdn.com/performance?url=https://www.grispastel.fr/idees-cadeaux/251-trousse-personnalisable.html
 
Sur GTMETRIX on te recommande d'activer la compression GZIP ce serait bien d'activer cela sur ton serveur.
 
Il serait bien également que tu mettes en place trois sous domaines pour que ton contenu statique comme les images par exemple n'ait pas de cookie...
 
Use cookie-free domains
 
statics1.tonnomdedomaine.com
statics2.tonnomdedomaine.com
statics3.tonnomdedomaine.com
 
Un réglage de ton vhost pour que les sous domaines pointe vers le repertoire de prestashop
 
Enfin renseigner ces sous domaines dans serveur de media de la configuration des performances de prestashop.
 

D'une manière général Gtmetrix nous indique que tu as encore pas mal d'optimisations à faire sur cette page... ex renseigner les balises de taille pour les images et surtout optimiser tes images... très important les images le plus petit possible
 
Pour ce qui est de ton premier problème tu peux essayer de passer ton javascript en asynchrone

{if isset($js_defer) && !$js_defer && isset($js_files) && isset($js_def)}
			{$js_def}
			{foreach from=$js_files item=js_uri}
			<script async type="text/javascript" src="{$js_uri|escape:'html':'UTF-8'}"></script>
			{/foreach}
		{/if}

Il existe des solutions pour passer le CSS en asynchrone mais je dois dire que je n'ai les pas encore testé...

 

Pour finir ma brève analyse je me suis interressé au code de ta page avec l'outils de validation W3C
 
https://validator.w3.org/nu/?showsource=yes&showoutline=yes&showimagereport=yes&doc=https%3A%2F%2Fwww.grispastel.fr%2Fidees-cadeaux%2F251-trousse-personnalisable.html
 
Mise à part toutes les erreurs qui doivent être corrigées on se rend compte en allant tout en bas que ta page n'a ni H1, ni H2 dans le "heading level outline" ca  meriterait qu'on se penche sur le pourquoi... il y a en outre une mauvaise hierarchie des Hn
 
bref y' a du boulot...
 
bon courage

Edited June 3, 2017 by Alexandre Carette (see edit history)

[caroled]

Merci beaucoup Alexandre pour cette analyse très complète !

Je vais m'occuper de tout ça.