How to validate your
site speed optimization
efforts
Loukil Aymen
SPEETALS
Speakerdeck.com/aymenloukil
@aymenloukil
@LoukilAymen
Slide 2
Slide 2 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
Site speed matters for
Users
SEO
Conversions
Brand reputation
Inclusiveness
Accessibility
Costs
Slide 3
Slide 3 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
Site speed matters for
Users
SEO
Conversions
Brand reputation
Inclusiveness
Accessibility
Costs
Business
Slide 4
Slide 4 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
It costs money.
1500$ /day
Web Performance Consultant.
Slide 5
Slide 5 text
@LoukilAymen
#BrightonSEO Speetals
1$ every 30
seconds
Slide 6
Slide 6 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
Did it even work ?
Effort and
investment
Impact
Slide 7
Slide 7 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
No impact evidence
Effort and
investment
Impact
Slide 8
Slide 8 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
Projects can easily go wrong
💰Migration 😱 TTFB X 2
Slide 9
Slide 9 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
Main reasons
Inadequate
tools/data
@LoukilAymen
#BrightonSEO Speetals
Optimization need to be
small, isolated, and atomic
Slide 55
Slide 55 text
@LoukilAymen
#BrightonSEO Speetals
Atomic optimizations, easier
validation
Markus Spiske
Slide 56
Slide 56 text
@LoukilAymen
#BrightonSEO Speetals
Add “Fetchpriority” high to hero image
Slide 57
Slide 57 text
@LoukilAymen
#BrightonSEO Speetals
Add “Fetchpriority” high to hero image
Metric: LCP
Page type:
PDP
Device:
Mobile,
Desktop
Location:
Belgium
Slide 58
Slide 58 text
@LoukilAymen
#BrightonSEO Speetals
Description :
The main product image should have the
fetchpriority="high" attribute set in
its HTML tag.
The browser should prioritize downloading
the main product image over other less
critical resources.
Add “Fetchpriority” high to hero image
Metric: LCP
Page type:
PDP
Device:
Mobile,
Desktop
Location:
Belgium
Slide 59
Slide 59 text
@LoukilAymen
#BrightonSEO Speetals
[..Description..]
How can we measure the impact ?
RUM data, PDP segment. LCP percentiles
and distribution. Exclude Firefox (doesn’t
support)
Add “Fetchpriority” high to hero image
Metric: LCP
Page type:
PDP
Device:
Mobile,
Desktop
Location:
Belgium
Slide 60
Slide 60 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
Site speed
validation
Takeaways
Atomic
optimizations
Get RUM &
learn to use
Adequate
metrics
Slide 61
Slide 61 text
@LoukilAymen
#BrightonSEO Speetals @LoukilAymen
#BrightonSEO Speetals
Hey, I’m Aymen
International Web Performance
Consultant
speetals.com