Lorsque les navigateurs chargent une page web, il se passe BEAUCOUP de choses sous le capot. En examinant beaucoup de cascades différentes, cette conférence présente comment les diagnostiquer à l’aide d’outils avancés et comment influencer leur chargement. Vous repartirez avec une meilleur compréhension du fonctionnement des navigateurs qui vous permettra de régler les problèmes de chargement et faire face à leurs bizarreries.
La performance web ne peut pas se limiter à une question technique. Elle est devenue un levier stratégique essentiel pour les entreprises cherchant à maximiser leurs conversions et à améliorer leur chiffre d’affaires. Venez découvrir lors de cette conférence les vrais impacts chiffrés de la webperf et comment la vitesse de votre site web peut booster vos taux de conversion. Explorez avec nous le lien crucial entre performance et business, comprenez la différence entre corrélation et causalité, et apprenez des méthodes éprouvées pour valider l’impact de la webperf grâce à des tests A/B. Fini les clichés sur Amazon où 100ms = 1% de CA. Apprenez de nos expériences concrètes avec des clients réels et évitez les pièges courants.
— études de cas concrets d’optimisations d’INP
La nouvelle mesure Google « Interaction to Next Paint (INP) », qui évalue la réactivité d’un site aux interactions des utilisateurs et utilisatrices, est devenue effective en tant que Core Web Vital en mars. En analysant 3 études de cas issues de mon travail, nous verrons comment déboguer des interactions lentes ainsi que les choses à faire/ne pas faire pour que votre site web soit réactif.
L’expérience utilisateur et les performances web sont parmi les meilleurs indicateurs des résultats des entreprises en ligne. Des sites web plus rapides ont des utilisateurs plus heureux. Ces utilisateurs heureux visitent plus longtemps et dépensent plus. Mais pourquoi cela ?
En revenant sur l’histoire de l’UX et la recherche sur les performances web, et sur les nouvelles mesures qui sont sur le point d’être mises en place, vous comprendrez pourquoi les sites lents vous énervent et pourquoi vous devriez prioriser la performance sur vos sites et applications.
Les frameworks JS populaires ne cessent d’afficher leurs benchmarks pour nous prouver qu’ils sont rapides, voire meilleurs que le DOM natif ! Mais l’arrivée de l’INP ainsi que mes 5 dernières années à accélérer ces stacks chez mes clients démontrent que sur des sites normaux, c’est à dire avec plusieurs centaines d’instance de composants par page, il faut une sacré dose d’outillage, d’expertise et même de malice pour ne pas tuer le ressenti utilisateur.
Je vous partage donc mon retour d’expérience sur les différentes versions de Next / React, un peu de Vue / Nuxt et même sur Svelte ou les web components, les astuces qui vont bien et ma méthodologie pour faire en sorte que ça dure.
Une présentation pour se mettre à jour des méthodes et outils disponible pour évaluer l’impact environnementale des sites web de contenus (et pas forcément mesurer comme on le précise à chaque fois à Boavizta).
Quels sont les outils et méthodes existantes? Quels en sont les limites actuelles? Quels outils pour quels type de service numériques? Ce sont les questions qui seront couverte pendant ces 25mn.
Vous avez des problèmes de performances sur votre site web ? Dans cette session pratique, vous apprendrez à utiliser Chrome DevTools pour résoudre les problèmes de performances des sites web. Nous aborderons les workflow et les techniques essentiels, notamment l’analyse des performances d’exécution, l’optimisation des téléchargements et d’autres conseils et astuces. Grâce à des études de cas réels, vous verrez comment ces techniques peuvent améliorer de manière significative l’expérience de l’utilisateur et les temps de chargement des pages. Améliorez vos compétences en matière de débogage des performances dès maintenant !
Dans cet exposé approfondi, nous allons sauter les bases et examiner quelques techniques avancées pour rendre un site web moderne rapide comme l’éclair.
À l’aide de nombreux graphiques et données, nous montrerons comment ces solutions ont contribué à faire de scalemates.com le site web de modélisme le plus rapide (et le plus grand) au monde.
Après cette présentation, vous repartirez avec des suggestions concrètes pour aller plus loin. Parfait si vous pensez que le 75 percentile ce n’est pas suffisant. Parfait si vous pensez que les sites web doivent être rapides sur tous les navigateurs, tous les appareils, toutes les connexions, partout.
Laissez-nous vous montrer à quel point ça peut être fun d’améliorer l’INP ! Avec des memes, des approfondissements techniques et des solutions révolutionnaires pour les RUM + la nouvelle API LoAF de Chrome, nous vous aiderons à apprivoiser ces premières et tierces parties !
Prenez vos téléphones et venez répondre à notre questionnaire sur différentes problématiques : réseau, protocole HTTP, API navigateur, optimisation des images, métriques webperf…
Vous réviserez / apprendrez en vous amusant autour de la webperf.
Ensuring that our projects deliver a delightful web performance experience is key to engaging our visitors and improving our business metrics. Testing key web performance metrics during development and before shipping code to production is critical to avoid giving our users a bad experience and having to fix the issues once live (spending more time and resources doing twice the work). And this is where web performance testing comes in! Learn how to implement web performance testing into your development pipeline and improve your user and developer experience!
Nous savons qu’un site performant offre de nombreux avantages, mais comment pouvons-nous savoir qu’il l’est ? Nous aborderons les indicateurs de performance à mesurer, comment le faire et qu’est-ce que cela représente concrètement. Grâce à notre expérience sur leboncoin, nous sommes armés pour s’assurer que notre site reste toujours au top !
HTMX a fait beaucoup parler en 2024. Découvrez, à travers de vrais exemples, comment cette librairie peut améliorer à la fois l‘expérience utilisateur et la performance d‘un site SSR grâce à des techniques telles que le rendu partiel des pages (composants rendus côté serveur), le lazy loading, le chargement incrémental et le streaming.
Les polices d’écritures constituent un pan incontournable du web moderne. Faciles à intégrer, elles contribuent à forger l’identité visuelle d’un site, reflétant ses valeurs et son positionnement, qu’il soit dynamique, contemporain, sérieux ou plus informel. Toutefois, nos très chères webfonts dissimulent une réalité plus douloureuse : elles peuvent considérablement ralentir les performances d’un site, affectant ainsi l’expérience utilisateur (UX).
Asseyez-vous à une table avec un de nos experts Webperf et décortiquons ensemble les performances de votre site. Cette Webperf Clinic est l’occasion rêvée de bénéficier d’un diagnostic webperf rapide, mais de qualité. Nicolas & Mouloud vous aideront à identifier vos problématiques webperf et à comprendre les mesures à prendre pour améliorer la vitesse de chargement de votre site.
Une approche d’IA causale pour prioriser les améliorations du site en fonction des impacts métiers.
L’application Dynatrace Opportunity Insights introduit une approche inédite pour améliorer la performance web, en mettant l’accent sur la compréhension de l’impact sur le chiffre d’affaires et l’expérience utilisateurs des lenteurs ou des erreurs. En utilisant l’IA causale et les données des utilisateurs réels (RUM), Opportunity Insights identifie les métriques cruciales de performance et d’erreur qui affectent les résultats du site, et quantifie l’impact commercial potentiel des optimisations ciblées. Cela permet aux décideurs et aux responsables des applications de prendre des décisions fondées sur ces données pour maximiser leurs résultats, passant de recommandations statiques traditionnelles à des stratégies dynamiques contextualisées à l’application. Dans cette présentation, nous explorerons le moteur qui alimente Opportunity Insights.
À mesure que les applications modernes gagnent en complexité avec l’utilisation de microservices, de micro-frontends et de déploiements rapides en CI/CD, garantir des performances optimales et une expérience utilisateur fluide devient un défi. Découvrez comment surveiller, mesurer et optimiser en toute confiance les performances de votre application à travers des systèmes distribués, afin d’offrir une expérience utilisateur exceptionnelle.
Venez découvrir les dessous de leboncoin et devenez incollable sur le site de petites annonces préféré des Français. Anecdotes et secrets partagés !
Scalabilité et optimisation du backend pour une performance web incomparable de vos visuels
Notre CTO dévoilera un aspect moins exploré de la webperformance : le backend. Il expliquera comment notre expertise sur les images et vidéos, ces fichiers lourds cruciaux pour la conversion en ligne, a permis de scaler notre infrastructure pour servir des clients de plus en plus gros, dans de multiples pays. Découvrez le cycle de vie des médias de A à Z, et comment Julian a réussi à ingérer plus d’un milliard de fichiers, à transformer près de 100 millions d’images et vidéos par jour et à distribuer plus de 1 peta-octet de trafic CDN par mois chez Scaleflex
Prise en main de l’intimidant profiler de Chrome Dev Tools pour chercher les soucis de réactivité et de sur-utiilisation de JavaScript. Nous verrons d’abord l’utilisation sur un site en JS classique, puis sur des frameworks JS de haut niveau comme React qui nécessitent un complément avec d’autres outils.
Rejoignez Barry de l’équipe Google Chrome pour une « Tracing party » en groupe, au cours de laquelle nous auditerons de quelques sites d’exemples en utilisant Google Tools pour identifier les problèmes de performance. Apportez des exemples de sites web et un esprit enthousiaste s’il vous plaît !
Les CDN améliorent la performance et la résilience des sites web. Après une configuration initiale, il est essentiel d’analyser les logs régulièrement pour identifier des optimisations supplémentaires, comme la gestion des contenus mal cachés et l’optimisation des images. Cette approche, en collaboration avec l’équipe du site, permet de résoudre les problèmes à la source ou via le CDN, maximisant ainsi le ROI de l’utilisation des solutions CDN.
Nos sponsors
