Retour à la page précédente

Le badge d’avis clients en mode Ferrari

Date : 18-05-2018

Fini les lenteurs

Dans les retours de marchands que j’ai eu, certains m’ont indiqué qu’il était possible d’optimiser la vitesse du Widget King-Avis (le bloc qui s’affiche sur votre shop avec les étoiles). Comment ça ? En fait il existe différents sites pour tester les performances de votre boutique e-commerce, comme par ex. Gtmetrix ou Google Speed et les urls King-Avis retournaient des messages avec des optimisations possibles.

En regardant le cas de plus près, j’ai pu constater que les ressources chargées à l’externe (c’est-à-dire sur le serveur distant King-Avis) pouvaient être optimisées afin de gagner du temps au chargement de la page. Chez la concurrence j’ai déjà vu parfois aussi ce genre de soucis dans le code source des pages, parfois les librairies sont trop lourdes ou intrusives et peuvent potentiellement ralentir le site.

Gtmetrix performances Gtmetrix vous fournit un rapport des optimisations que vous pouvez faire sur votre site e-commerce, suite à l’observation de plusieurs marchands une nouvelle optimisation a été mise en place le jeudi 17 mars.

Qu’est-ce qui a été optimisé ?

La première chose c’est l’utilisation de « Expire headers » qui en fait évite le Widget King-Avis de contrôler trop souvent à distance les ressources. Une fois que le Widget est chargé sur votre shop Prestashop, il saura que les JS / images sont en cache pour une durée d’un mois et cela évite au navigateur de venir interroger King-Avis régulièrement.

Ensuite, c’est au niveau des images constituant le Widget, celles-ci étaient déjà optimisées… mais pas suffisamment. Toutes les ressources du widget ont été converties au format PNG et la compression a été faite à son maximum, tout en essayant de préserver la qualité. Du coup certaines images ont perdu 75% de leurs poids… ce qui est juste énorme.

Etoile avis client Une marge de progression est même encore envisageable en encodant directement en base64 l’image dans le CSS, ainsi la ressource de l’image distante… disparaitrait. Il me reste donc encore une solution pour aller plus loin.

3 x plus léger que TrustedShops

A l’œil et au ressenti, ces optimisations ne se perçoivent pas, car nous avons tous des connexions internet puissantes (même sur mobile). Il faut donc plutôt faire le rapprochement en terme de volume de données transmis. Plus les fichiers sont petits et comprimés, mieux ça sera pour moi (le serveur est moins sollicité…) et pour vous en tant que marchand… c’est la garantie d’avoir un widget chargé en un temps record.

Si je compare avec TrustedShop sur le temps de chargement je suis 3 x plus rapide… comment est-ce possible ? En fait parce que le volume des fichiers King-Avis est de 15.8 KB c’est vraiment léger. Par contre, TrustedShops a seulement 2 fichiers ressources et King-Avis 5 fichiers… à terme mon but sera d’avoir 1 seul fichier et là ça sera vraiment le « TOP DU TOP ».

Trustedshops VS King-Avis Si on regarde au niveau des poids de fichiers… King-Avis se débrouille, bien car le badge Widget est très léger… il faudra voir si la taille augmente au fil des années, mais là c’est déjà une bonne base.

Bilan

C’est en creusant sur ce genre de détail qu’on se rend mieux compte de l’ampleur de la tâche (il y’a beaucoup de points optimisables quand on creuse un peu)… surtout avec Google qui veut des sites toujours plus rapides et performants mieux vaut suivre ses recommandations pour être bien vu.

Ces optimisations semblent assez simples, mais m’ont quand même pris un après-midi pour l’intégration… Cela me fait donc plaisir de vous annoncer que vous bénéficiez déjà automatiquement de cette optimisation ! Alors Happy ?

Commentaires


19-05-2018 / Lother Pierre / https://www.motorkit.com
Excellente idée !

Qu'en pensez-vous ? Laissez un commentaire