Le site Service-public.fr est régulièrement dans le peloton de tête du classement webperf mobile que nous réalisons chaque mois avec le Journal du Net. Comment ce site fait-il pour maintenir les performances et la vitesse de chargement de ses pages ? Accessibilité, Core Web Vitals, temps de réponse serveur, disponibilité… les enjeux sont nombreux. Nous nous sommes glissés dans les coulisses du service technique pour en savoir plus.
Début 2021, Gerald Holubowicz a réalisé un classement Ecoindex des sites de presse sur son blog Journalism.design. Cet ancien journaliste, enseignant, passionné par la culture numérique et les nouvelles formes d’écriture, et devenu Product Owner, s’intéresse de près à la performance des sites web. Comment faire émerger une prise de conscience autour de nos usages numériques ? Comment rester cohérents entre les intentions et les actions en faveur de la préservation de l’environnement ? Nous allons voir en quoi webperf et performance énergétique se rejoignent.
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.
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. Pour de meilleures performances qu'avec les formats JPG, GIF, PNG ou SVG, de nouveaux formats de compression ont vu le jour, sans négliger la qualité visuelle. Faisons le point sur WebP, un format recommandé par Google pour optimiser les images.
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é.
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.
