Back in Full Swing: Perf.now() Conference 2022
Zuzka Šumlanská7. 11. 20223 minuty čtení
In just two days, Michal and I heard 14 top-notch talks within the walls of a former church. Yes, you read that right—the 2022 edition of Performance.now() took place in a venue called Zuiderkerk, originally a 17th-century Protestant church. These days, it serves as an event space.
The choice of location deserves applause for its unconventionality. Yet, anyone familiar with Amsterdam's spirit wouldn't be surprised. The relaxed, free-thinking vibe of Amsterdam is as characteristic as its canals. We spent the breaks between talks and our free time exploring the city.
What Did Perf.now() Offer Us?
After the conference wrapped up, we naturally picked out this year's standout talks. Here's our selection:
Nolan Lawson - CSS Runtime Performance
A talk for geeks eager to squeeze every drop of performance from their frontend. Despite a big spoiler upfront that these are "micro-optimizations," Nolan delved into the complexities browsers face in styling and layout calculations. He also shared the Chrome Trace Event Profiling tool, which aids in debugging things like selector speed.
Alex Russell - The Global Baseline, 2022
In his talk, Alex tackled the perennial topic of users and their hardware and network conditions. As he aptly reminded us in one slide, "your iPhone isn't the real world." So, what parameters are we working with, and what performance can we build our websites on? Globally, a phone at the 75th percentile in Q4 2022 is a $200 device, akin to a Samsung Galaxy A50. We should still favor HTML and CSS over JS, with a reasonable max being 150 kB HTML/CSS and 300-300 kB JS.
Harry Roberts - Optimising Largest Contentful Paint
Harry needs little introduction (see our notes on the order of elements in <head>) and his talk did not disappoint. Hats off to how he constructed a 40-minute presentation entirely around the LCP metric. I'd recommend this talk to everyone because, as Harry says, "there's nothing to optimizing LCP, you just need to know how it works." Harry also explained how the LCP metric changes if you insert an image as an <svg>, as a background-image, or classically in <img>. The short answer: The method of embedding on a page has a crucial impact on the LCP metric.
Ivan Akulov - React 18 Concurrency, Explained
A more programmer-centric talk on React 18 and its new useTransition API and <Suspense>. Ivan demonstrated how to utilize concurrency in React, where app startup or data hydration or a demanding UI update doesn't block user input. An ideal tool for tackling FID and INP.
Katie Sylor-Miller - How to be a Performance Detective?
It's not just the content that makes a great talk, but the delivery too. From this perspective, Katie's presentation was unforgettable. Using Detective Pikachu as an example, she guided us through her performance monitoring process. Particularly practical is her use of Cumulative Distribution Functions (they look like "inverted histograms") to evaluate and compare measured data before and after changes to a website.
In closing, the organizers announced some fantastic news. The next edition of Performance.now() will be held on November 2nd and 3rd, 2023, at the same venue as this year. We can't wait!
You can watch all the talks on YouTube, where they will be gradually released.
Jak je rychlý váš web?
Jak rychlý je váš web v porovnání s vaší konkurencí? To zjistíte
pomocí našeho online testeru.
Tagy:Performance.now