Comment réduire notre empreinte et notre impact sur l’environnement ? C’est une question que nous avons en commun avec Thomas Lemaire, développeur fullstack depuis près de 20 ans, et membre du collectif GreenIT. Loin du green washing, nous avons voulu en savoir plus sur les piliers de l’éco-conception, et comment la web performance peut y contribuer.
Continue reading Performance web : une étape vers l’éco-conception
Pour accélérer un site, tous les moyens sont bons ! Parmi les optimisations les plus connues, vous pensez peut-être à la compression des images, la mise en cache des ressources statiques, la minification des JS / HTML / CSS… Nous avons quelques astuces originales à vous proposer pour aller encore plus loin dans l’amélioration de vos temps de chargement.
L’équipe Ecommerce de Minelli souhaitait accélérer son site web, notamment sur mobile, et optimiser à la fois son UI et son UX tout en s’assurant du ROI suite à l’amélioration de ses performances.
La vitesse était déjà identifiée comme un levier incontournable pour augmenter les conversions, et Minelli avait l’intention de rendre ses pages durablement rapides, tout en préservant au mieux ses ressources techniques et son budget. Objectifs atteints avec l’aide de Fasterize !
A l’heure où nous écrivons ces lignes, les incertitudes et la confusion autour de l’annonce de Google Page Experience update sont encore importantes. Voici ce que nous savons sur cette mise à jour annoncée en 2020, et déployée en mai 2021.
Sur une page web, les images représentent en moyenne environ 50 % du poids total de la page. Pour beaucoup de secteurs (Ecommerce retail, luxe,voyage, médias…) les photos sont essentielles pour valoriser des produits ou des informations, et leur qualité est donc importante. Mais qui dit qualité, dit kilo octets ! Compresser et optimiser les images s’impose pour économiser de la place sur le serveur, et pour que les pages puissent se charger rapidement. De nouveaux formats de compression voient le jour pour adresser ce besoin, sans négliger la qualité visuelle. Faisons le point sur WebP, un format recommandé par Google pour optimiser les images.
Source : Benoît Jacquemont @ We Love Speed 2019
HTTP est un protocole de transfert hypertexte qui permet d’assurer le transport des données entre client et serveur. Comment sommes-nous passés de HTTP/1 à HTTP/3 ? Pourquoi, et quelles sont les évolutions et les améliorations apportées d’une version du protocole à l’autre ? Voyons ce qui change avec HTTP/3, et comment il permet d’aller vers un web toujours plus rapide et sécurisé.
Phildar, retailer spécialisé dans le loisir et la mode, a vu la part du digital dans son CA global passer d’environ 15% à 45% en un an, et plus de la moitié du trafic provient du mobile.
Ayant anticipé cette évolution liée à la transformation des modes de consommation en 2020, les équipes Ecommerce ont pris le parti de rendre l’expérience utilisateur la plus fluide possible pour améliorer les taux de conversion.
Vitesse de chargement, expérience utilisateur et taux de conversion sont intimement liés. En tant qu’utilisateur, si vous voulez accéder à un contenu ou réaliser un achat en ligne, vous n’avez pas le temps d’attendre que les pages se chargent. Vous irez certainement sur un autre site pour répondre à vos besoins si celui que vous visitez ne vous apporte pas satisfaction parce qu’il est lent. C’est un fait !
En boutique ou sur internet, Carré Blanc, spécialiste du linge de maison, soigne son expérience utilisateur pour favoriser ses conversions. Lancée en 2012, la plateforme Ecommerce Carreblanc.com repose sur une version de Magento qui a fait l’objet de nombreuses customisations au fil du temps, et dont la vitesse de chargement avait besoin d’être optimisée. En automatisant les optimisations webperf grâce à Fasterize, ce retailer est parvenu à améliorer ses conversions de 25 %. Retour d'expérience avec Charlotte Martourey, Directrice Digitale.
En novembre 2019, Google a ajouté un onglet Vitesse à sa Search Console. Deux métriques étaient alors prises en compte pour mesurer la vitesse d’un site : le First Contentful Paint (FCP, qui évalue le moment où les tous premiers éléments apparaissent dans le navigateur) et le First Input Delay (FID, délai entre le moment où un utilisateur interagit pour la première fois avec une page et celui où le navigateur est réellement en mesure de répondre à cette interaction).
Les Core Web Vitals ont depuis fait leur entrée en scène et cet onglet Speed (Vitesse) a laissé la place à un onglet Core Web Vitals. Nous allons vous expliquer comment sont calculées les données indiquées dans la Search Console, et comment les utiliser pour savoir ce que vous devez optimiser pour améliorer les performances de votre site web.