Performance.sync(): 7 Levels of a Web Performance Journey

SergeyChernyshev 14 views 20 slides Oct 27, 2025
Slide 1
Slide 1 of 20
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
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...


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

1) https://wpostats.com/2020/05/27/aldos-revenue-rendering/
2) https://www.linkedin.com/posts/daniele-merola-2a531839_webperformance-performancemarketing-ux-activity-7338097683078774784-KYM9/
3) https://wpostats.com/2021/09/16/swappie-revenue-increase/
Level 2
https://wpostats.com/

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

Speed Distribution
Level 6
P75
P50
P99
3.4s
1s 4s2s 3s0

Compare distributions
Level 7

Correlate Distribution to $$$
Level 7
Cliff Crocker - Conversion over speed distribution chart

Going Further…

Next >

Going Further…
Next >

UX Speed Calculator
https://ux-speed-calculator.netlify.app/

Sergey Chernyshev
www.SergeyChernyshev.com
Thank You!