Performance.sync(): 7 Levels of a Web Performance Journey
SergeyChernyshev
14 views
20 slides
Oct 27, 2025
Slide 1 of 20
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
About This Presentation
The path to understanding the data around Web Performance, its value and business decisions surrounding this topic can be long. It is hard to see the whole journey when you and your organization are at any particular step, but it can be helpful to understand where to go next.
Sergey Chernyshev visu...
The path to understanding the data around Web Performance, its value and business decisions surrounding this topic can be long. It is hard to see the whole journey when you and your organization are at any particular step, but it can be helpful to understand where to go next.
Sergey Chernyshev visualizes this path to help make it more understandable and to give you some bearings on your overall trip through various levels of this complex game.
Size: 1.88 MB
Language: en
Added: Oct 27, 2025
Slides: 20 pages
Slide Content
7 Levels of a
Web Performance
Journey
Sergey Chernyshev
Performance.sync() 2025, Amsterdam October 29, 2025
About Us
Eric Goldstein Sergey ChernyshevAlexander Chernyshev
Principal Engineer @ Babbel Speed Engineer @ Cloudflare Web Developer & Designer
Engineering focus:
Speed
Getting Up to Speed
Business focus:
Revenue
Combine Focus to
Create Performance Culture
What Matters to My Business?
Total Traffic Conversion Rate Order Size
Level 1
Conversion Rate origins: performance, presentation quality, SEO, availability, etc.
Is My Site Fast or Slow?
10%
5%
Which site is faster?
Level 2
Examples of Perf/Revenue Improvements
●ALDO – an online shoe retailer – found that fast rendering brought over 4x more
revenue than slow rendering for mobile users and almost 7x more for desktop
1
●Ray-Ban, Oakley, & Sunglass Hut – online sunglasses retailers – saw a direct,
inverse relationship between Largest Contentful Paint and Cost-per-Click via
Google Ads. In other words, as LCP improved, ads got cheaper, or as LCP got worse,
ads got more expensive. They even established an equation between the two:
Δ?????????????????? = ?????? × Δ?????????????????? + ?????? (?????? is the coefficient that measures the correlation between
the two values and ?????? represents external variables like Ad quality and competition)
2
●Swappie – a refurbished phone retailer – improved load time by 23%, LCP 55%, CLS
91%, and FID 90% resulting in a 42% increase in mobile revenue and a 10 percentage
point increase in relative mobile conversion rate
3
How Fast is My Site?
3.4 seconds
PoorNeeds ImprovementGood
(the time it takes to do one important thing)
Level 3
Core Web Vitals https://web.dev/articles/vitals
Percentile
Level 4
3.4 seconds
Percentile
Level 4
3.4 seconds
Percentile
Level 4
3.4 seconds
Percentile
P75
Level 4
3.4 seconds
Core Web Vitals https://web.dev/articles/vitals
Plot percentile over time
Mar 14 Mar 15 Mar 16 Mar 17 Mar 18 Mar 19 Mar 20
Level 5
3 percentiles over time
P99
P75
P50
Mar 14 Mar 15 Mar 16 Mar 17 Mar 18 Mar 19 Mar 20
Level 5