Anthony Barré était à We Love Speed 2019 pour nous parler des grands principes de l’optimisation d’images et des techniques qui en découlent (le talk complet est ici en vidéo). Nous allons voir que lorsqu’on parle d’optimisation des images pour améliorer ses temps de chargement, il n’est pas question que de taille, mais aussi de contexte.
Alltricks.fr est une plateforme e-commerce spécialisé dans les équipements pour le vélo, le running et les activités outdoor, qui accueille chaque mois environ 2 millions d’internautes. Les équipes IT étaient conscientes de la lenteur du site mais n’avaient pas la possibilité d’entreprendre des développements complexes pour des questions de temps et de ressources. En confiant sa web performance à Fasterize, Alltricks a soulagé ses internautes mais aussi ses équipes.
Une des optimisations essentielles en webperf consiste à différer le chargement des JavaScript. Pour comprendre l’intérêt de cette démarche, nous allons d’abord voir ce qu’est un script bloquant, pourquoi il a un impact sur le temps de chargement, les solutions pour le rendre “non bloquant” mais aussi les écueils dans lesquels ne pas tomber. Nous détaillerons enfin la solution que nous avons développée : une fonctionnalité appelée DeferJS.
Fasterize, c’est une solution SaaS, mais c’est aussi une équipe d’experts qui délivrent des audits et du conseil pour l’optimisation Front-End. Rossignol rencontrait des problèmes de performance sur son site e-commerce français, et les temps de chargement étaient encore longs à l’étranger. En appliquant les recommandations de Fasterize, la navigation est devenue considérablement plus fluide, améliorant ainsi l’UX et les résultats business… et rassurant par la même occasion les investisseurs.
Rencontre avec Damien Hars, Digital Marketing & E-commerce Technology Director de cet équipementier pour les sports d’hiver, qui a piloté ce projet.
Anthony Barré, Software Engineer chez Fasterize, a publié cet article en V.O. anglaise dans le Perf Calendar 2019. Voici la traduction en français.
Chaque nouvelle année s’accompagne de son lot de prédictions. Comme les “bonnes résolutions”, les mêmes se retrouvent souvent d’année en année, ou au contraire ne sont pas observées.
Pour 2020, à défaut d’une boule de cristal, nous avons sondé nos experts webperf pour savoir quelles tendances ils pensent voir émerger ou se confirmer.
Prendre soin de vos temps de chargement fait partie de vos résolutions pour 2020 ? Voici 20 chiffres à connaître sur la webperf pour bien démarrer l’année.
Votre site web fait-il partie des 89 % qui utilisent des polices Google ? Saviez-vous que dès que vous faites appel à des polices externalisées comme Google Fonts, vous vous exposez aux problèmes de performance liés aux Third Parties ? En effet, les fonts Google font partie du chemin critique de rendu de la page : c’est une ressource nécessaire pour l’affichage du texte.
Le Start Render exprime le moment où une page web affiche le premier élément, quelles que soient sa taille ou sa pertinence pour l’internaute. Il est directement lié à la vitesse perçue.
Trigano Store propose des équipements pour les loisirs, le jardin, et du matériel de camping. Après plusieurs refontes, une migration vers un nouvel hébergeur et un changement de CMS, le site n’était toujours pas assez rapide.
Les équipes ne comptaient pas d’effectifs dédiés à la webperf, et les optimisations appliquées étaient perfectibles pour gagner encore de précieuses millisecondes sur les temps de chargement. Après avoir calculé les pertes de revenu découlant d’une UX dégradée par des temps de chargement trop longs, Trigano Store a choisi de s’équiper d’une solution SaaS pour de meilleures performances.