performance

performance

  • Time-boxed to 3 weeks
  • Measurements taken with a mobile focus
  • Code splitting, algo rewrites, asset management
  • Homepage + landing pages

Why?

Pinterest decreased loading by 40% and saw sign-ups increase by 15%

COOK reduced loading by 850 ms which increased conversion by 7%

Mobify decreased homepage loading by 100 ms and saw average revenue increase by $380,000

LCP

FID

CLS

Loading

Interactivity

Visual Stability

Largest Contentful Paint

First Input Delay

Cumulative Layout Shift

FCP

TTI

TBT

Loading

Interactivity

Interactivity

First Contentful Paint

Time To Interactive

Total Blocking Time

Homepage

FCP
TTI
LCP
TBT

13.5 s

44.8 s

32.1 s

2.5 s

13.0 s

34.0 s

25.6 s

2.5s

(Mobile)

~4%

~24%

~20%

-

Homepage

FCP
TTI
LCP
TBT

2.9 s

7.8 s

5.9 s

790 ms

2.5 s

6.7 s

4.7 s

350 ms

(Desktop)

~14%

~14%

~20%

~56%

Class Landing

FCP
TTI
LCP
TBT

13.4 s

29.4 s

23.7 s

1.7 s

12.4 s

22.9 s

19.2 s

1.2 s

(Mobile)

~7%

~22%

~19%

~29%

Class Landing

FCP
TTI
LCP
TBT

2.8 s

6.0 s

5.1 s

310 ms

2.2 s

3.8 s

3.8 s

130 ms

(Desktop)

~21%

~37%

~25%

~58%

Cloudinary

~90% assets unoptimized

~30% assets unoptimized

Backend

/getPeerGroup
~119% faster avg response

/getPeergroupTimeline
~29% faster avg response

What's next?

  • Ship less code to the users

  • Keep rewriting algorithms

  • Keep optimizing assets with Cloudinary

Made with Slides.com