When browsers load a web page, there’s a LOT going on under the hood. By examining many different waterfalls, this talk shows how to diagnose them using advanced tools and how to influence their loading. You’ll leave with a better understanding of how browsers work, enabling you to fix loading problems and deal with their quirks.
Web performance is more than just a technical issue. It has become an essential strategic lever for companies seeking to maximize conversions and improve sales. Come and discover at this conference the real impact of webperf, and how the speed of your website can boost your conversion rates. Explore with us the crucial link between performance and business, understand the difference between correlation and causation, and learn proven methods for validating the impact of webperf through A/B testing. No more clichés about Amazon where 100ms = 1% sales. Learn from our real-life experiences with real customers and avoid common pitfalls.
— real-world case studies of INP optimizations
The new Google metric “Interaction to Next Paint (INP)” https://web.dev/articles/inp, which measures how responsive a site is responsive to user inputs, has become effective as a Core Web Vital in March.
By analyzing 3 case studies from my work, we will see how to debug slow interactions as well as the do’s/don’ts to make your website responsive.
User experience and web performance are among the best indicators of online business outcomes. Faster websites have happier users. Those happy users visit longer and spend more. But why is that?
By looking back at the history of UX, web performance research, and the new metrics that are just around the corner, you’ll understand why slow sites enrage you, and why you prioritize making your sites and apps as fast as possible. We still have so much to learn. But if we stay on course, we’ll get there.
Popular JS frameworks are constantly displaying their benchmarks to prove that they are fast, sometimes even better than the native DOM! But the arrival of INP and my 5 years of accelerating these stacks for my clients show that on normal sites, i.e. with several hundred instances of components per page, you need a hell of a lot of tooling, expertise and even cunning to avoid killing the user experience.
So I’m sharing with you my feedback on the different versions of Next / React, a bit of Vue / Nuxt and even Svelte or web components, the tricks that go well and my methodology for making it last.
A presentation to bring you up to date on the methods and tools available to assess the environmental impact of content websites (and not necessarily to measure it, as we always say at Boavizta).
What tools and methods exist? What are their current limitations? Which tools for which types of digital service? These are the questions that will be covered during these 25 minutes.
Struggling with website performance issues? In this practical session, you’ll learn how to use Chrome DevTools to fix website performance bottlenecks. We’ll cover essential workflows and techniques, including analyzing runtime performance, optimizing code delivery, and other tips and tricks. Through real-world case studies, you’ll see how these techniques can significantly improve user experience and page load times. Level up your performance debugging skills now!
In this deep dive talk, we’ll skip the basics and look at some advanced tuning techniques to make a modern website lightning fast.
Using plenty of graphs and data, we’ll show how these solutions have helped make scalemates.com the fastest (and largest) scale modeling website in the world.
After this talk you’ll leave with actionable suggestions to go the extra mile. Perfect if you agree that only 75% isn’t good enough. Perfect if you believe websites should be fast on all browsers, all devices, all connections, everywhere.
Let us show you how much fun it can be to improve INP! With memes, technical deep dives, and revolutionary solutions in RUM + Chrome’s new API LoAF, we’ll help you tame those first and third parties!
Grab your phones and take our quiz on a range of issues: network, HTTP protocol, browser API, image optimization, webperf metrics… You’ll have fun reviewing and learning about 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!
We know that a high-performance website offers many benefits, but how do we know that it is performant? We’ll look at what performance indicators to measure, how to do it and what it really means. Thanks to our experience on leboncoin, we’re well equipped to make sure our site always stays on top!
HTMX was the talk of the town in 2024. Discover, through real examples, how this library can improve both the user experience and the performance of an SSR site, thanks to techniques such as partial page rendering (server-side rendered components), lazy loading, incremental loading and streaming.
Fonts are an essential part of the modern web. Easy to integrate, they help forge a site’s visual identity, reflecting its values and positioning, whether dynamic, contemporary, serious or more informal. However, our beloved webfonts conceal a more painful reality: they can considerably slow down a site’s performance, affecting the user experience (UX).
Sit down with one of our Webperf experts and let’s take a look at your site’s performance. This Webperf Clinic is the perfect opportunity to benefit from a quick, high-quality webperf diagnosis. Nicolas & Mouloud will help you identify your webperf issues and understand the steps you need to take to improve your site’s loading speed.
A causal AI approach to prioritize site improvements based on business impacts.
The Dynatrace Opportunity Insights application introduces a novel approach to improving web performance, with a focus on understanding the impact on sales and user experience of slowness or errors. Using causal AI and real user data (RUM), Opportunity Insights identifies the crucial performance and error metrics affecting site results, and quantifies the potential business impact of targeted optimizations. This enables decision-makers and application managers to make data-driven decisions to maximize results, moving from traditional static recommendations to dynamic strategies contextualized to the application. In this presentation, we’ll explore the engine that powers Opportunity Insights.
As modern applications grow increasingly complex with microservices, micro-frontends, and rapid CI/CD releases, ensuring optimal performance and a seamless user experience becomes a challenge. Discover how to confidently monitor, measure, and optimize your application’s performance across distributed systems to deliver a superior user experience.
Come and discover what goes on behind the scenes at leboncoin, France’s favorite classifieds site. Anecdotes and secrets shared!
Scalability and backend optimization for incomparable web performance of your visuals
Our CTO will reveal a less explored aspect of webperformance: the backend. He’ll explain how our expertise in images and videos, those heavy files crucial to online conversion, has enabled us to scale our infrastructure to serve larger and larger customers, in multiple countries. Learn more about the A to Z media lifecycle, and how Julian has managed to ingest over a billion files, transform nearly 100 million images and videos a day, and distribute over 1 petabyte of CDN traffic a month at Scaleflex.
Getting started with Chrome Dev Tools’ intimidating profiler to look for issues related to JavaScript responsiveness and over-utilization. We’ll start with a classic JS site, then move on to high-level JS frameworks like React, which need to be complemented by other tools.
Join Barry from the Google Chrome team for a group “Tracing party”, where we profile some example websites using Google Tools to identify performance issues. Bring example websites and an eager mind please!
CDNs improve website performance and resilience. After initial configuration, it’s essential to analyze logs regularly to identify further optimizations, such as management of poorly hidden content and image optimization. This approach, in collaboration with the site team, enables problems to be resolved at source or via the CDN, maximizing the ROI of using CDN solutions.
