This session is a comprehensive tutorial on optimizing your site for speed. Get a detailed plan for optimizing page resources – site images, CSS, JS, HTML and more – to reduce page load times to increase engagement, conversions and SERP rankings.

1. #SMX #12a2 @ab80
How mobile page speed influences your UX, revenue and SEO.
The Speed
Update:
Faster is
Better for
Everyone

2. #SMX #12a2 @ab80
Satisfying the Need for Speed
Aleh
SEO Expert, Author, Speaker, 15 years of experience.
Barysevich
Founder:
As seen on:

3. #SMX #12a2 @ab80
Things We’ll Discuss Today
Approaches to measure mobile page speed
What all SEOs are missing on
The results of our mobile page speed experiment

4. #SMX #12a2 @ab80
Google Is Obsessed With Speed

5. #SMX #12a2 @ab80
Who Likes Waiting 15.3 Seconds?
15.3
Average mobile page takes
seconds to load

6. #SMX #12a2 @ab80
Most Users Flee After 3 Seconds
of visits are abandoned if the page
doesn’t load within
53%
3 seconds

7. #SMX #12a2 @ab80
What Users Really Expect
of people want a page to load
in less than
50%
2 seconds
More than

8. #SMX #12a2 @ab80
Which Performance Issues Matter Most?
Painting
Memory
Compositing
Layout
Network
Critical Path
JavaScript
CSS
HTML

9. #SMX #12a2 @ab80
Which Performance Issues Matter Most?
Painting
Memory
Compositing
Layout
Network
Critical Path
JavaScript
CSS
HTML
Returning VisitsEngagement
Conversion SmoothnessFirst-time visitors
ROI

10. #SMX #12a2 @ab80
Which Performance Issues Matter Most?
Painting
Memory
Compositing
Layout
Network
Speed Index
First Meaningful Paint First PaintDOM Content Loaded
First Contentful Paint Time to Interactive
Returning VisitsEngagement
Critical Path
JavaScript
CSS
HTML
Conversion SmoothnessFirst-time visitors
ROI

11. #SMX #12a2 @ab80
Which Performance Issues Matter Most?
Performance model
Speed Index
First Meaningful Paint First Paint
Painting
Memory
Compositing
Layout
Network
DOM Content Loaded
First Contentful Paint Time to Interactive
Returning VisitsEngagement
Critical Path
JavaScript
CSS
HTML
Conversion SmoothnessFirst-time visitors
ROI

12. #SMX #12a2 @ab80
RAIL Performance Model
RAIL
performance model
Response Animation
Idle Load

13. #SMX #12a2 @ab80
RAIL Performance Model
esponse — must be completed within 100 msR
A
I
L

14. #SMX #12a2 @ab80
RAIL Performance Model
nimation — must be visually smooth (60 fps)
R
A
I
L

15. #SMX #12a2 @ab80
R
A
I
L
RAIL Performance Model
dle — what happens in the background (50ms blocks)

16. #SMX #12a2 @ab80
R
A
I
L
RAIL Performance Model
oad — first meaningful paint < 1 second
time-to-interactive < 5 seconds or less

17. #SMX #12a2 @ab80
RAIL Performance Model
R
A
I
Load — first meaningful paint < 1 second
time-to-interactive < 5 seconds or less
dle
nimation — must be visually smooth (60 fps)
esponse — must be completed within 100 ms
— what happens in the background (50ms blocks)

18. #SMX #12a2 @ab80
The Metric We All Want to Master
Loading Time
Optimization

19. #SMX #12a2 @ab80
Measuring Speed Is Challenging
?
What metrics to measure?
How to measure them?

20. #SMX #12a2 @ab80
Which Speed Metrics Are Important?
When everything is important.
Speed Index
First Paint
First Meaningful Paint
Time To Interactive
body.onload
DOM Content Loaded
Nothing is.
Time to First Byte First Contentful Paint

21. #SMX #12a2 @ab80
How PageSpeed Insights Changed in 2018

22. #SMX #12a2 @ab80
PageSpeed Insights in Early 2018

23. #SMX #12a2 @ab80
PageSpeed Insights Today: Speed + Optimization

24. #SMX #12a2 @ab80
Two New Metrics: FCP & DCL
First Contentful Paint
first visual response from the page
DOM Content Loaded
document has been loaded and parsed

25. #SMX #12a2 @ab80
How FCP & DCL Look Like
First Paint
First Contentful Paint (FCP)
First Meaningful Paint (FMP)
DOM Content Loaded (DCL)
Time to Interactive (TTI)

26. #SMX #12a2 @ab80
To Collect This Data Google Turns to Real User Monitoring
0.4s DCL
0.3s DCL
0.8s DCL
2.4s DCL
1.4s DCL
4.5s DCL
2.8s DCL
1.1s DCL

27. #SMX #12a2 @ab80
A Real-Life Example Showed a Two Times Difference
9.28 s | DOMContentLoaded: 1.13 s | Load:
2.6s > 1.13s

28. #SMX #12a2 @ab80
Google Switched from Lab Data to Field Data
Lab Data Field Data
Real User Monitoring
Good for debugging
Deep visibility into the UX
Reproducible environment
No real-world bottlenecks
Can’t correlate against real-world KPIs
True real-world user experience
Correlation to business KPIs
Restricted set of metrics
Limited debugging capabilities

29. #SMX #12a2 @ab80
Chrome User Experience Report
CrUX
0.4s DCL
0.3s DCL
0.8s DCL
2.4s DCL
1.4s DCL
4.5s DCL
2.8s DCL
1.1s DCL

30. #SMX #12a2 @ab80
CrUX + Google BigQuery Platform
CrUXReal Users

31. #SMX #12a2 @ab80
CrUX + Google BigQuery Platform

32. #SMX #12a2 @ab80
CrUX + Google BigQuery Platform

33. #SMX #12a2 @ab80
CrUX + Google BigQuery Platform

34. #SMX #12a2 @ab80
CrUX + Google BigQuery Platform

35. #SMX #12a2 @ab80
The Page Speed Experiment by SEO PowerSuite
How Page Speed Affects
Google Rankings

36. #SMX #12a2 @ab80
Mobile Page Speed Update
Page Speed Update
for Mobile Search
Live: July 9, 2018
Announced: January 17, 2018

37. #SMX #12a2 @ab80
Mobile Page Speed Experiment: Variables and Control Data
positions for
33,000
Top 30
keywords
1,000,000
analyzed pages
Optimization Score
First Contentful Paint (FCP)
DOM Content Loaded (DCP)

38. #SMX #12a2 @ab80
b/w Average Optimization Score
and Position
0.97Correlation
Mobile Page Speed Experiment – May, 2018

39. #SMX #12a2 @ab80
Mobile Page Speed Experiment – May, 2018
b/w Median FCP/DCL and Position
Nocorrelation
as of May, 2018

40. #SMX #12a2 @ab80
Mobile Page Speed Update
Page Speed Update
for Mobile Search
Live: July 9, 2018
Announced: January 17, 2018

41. #SMX #12a2 @ab80
Mobile Page Speed Experiment – July, 2018
Sep
Mobile Page Speed Update
Experiment: July
Aug
Jul
Jun
May
Experiment: May

42. #SMX #12a2 @ab80
Mobile Page Speed Experiment – July, 2018
73.9
72.6
Sep
Mobile Page Speed Update
Experiment: July
Aug
Jul
Jun
May
Experiment: May

43. #SMX #12a2 @ab80
Mobile Page Speed Experiment – July, 2018
What about
Page Speed correlation?

44. #SMX #12a2 @ab80
Mobile Page Speed Experiment – July, 2018
Sep
Mobile Page Speed Update
Experiment: July
Aug
Jul
Jun
May
Experiment: May

45. #SMX #12a2 @ab80
Mobile Page Speed Experiment – August, 2018
Sep
Mobile Page Speed Update
Experiment:
August
Aug
Jul
Jun
May
Experiment: May
Experiment: July

46. #SMX #12a2 @ab80
Mobile Page Speed Experiment – August, 2018
Sep
Mobile Page Speed Update
Experiment:
August
Aug
Jul
Jun
May
Experiment: May
Experiment: July

47. #SMX #12a2 @ab80
The Results of Our Mobile Page Speed Experiment
Optimization
is more important than
Page Speed
for Google rankings

48. #SMX #12a2 @ab80
“The ‘Speed Update,’ as we’re calling it,
will only affect pages that deliver the
slowest experience to users”
Wednesday, January 17, 2018

49. #SMX #12a2 @ab80
How Optimization Score Affected the Rankings After the Update
Pages with
Low Optimization Score
Pages with
High Optimization Score

50. #SMX #12a2 @ab80
How Speed Score Affected the Rankings After the Update
Pages with
Fast Page Speed
Pages with
Slow Page Speed

51. #SMX #12a2 @ab80
The Results of Our Mobile Page Speed Experiment
Optimization
is more important than
Page Speed
for Google rankings

52. #SMX #12a2 @ab80
Top Tactics to Improve Optimization Score
Improve server response time
Avoid landing page redirects
Enable compression
Leverage browser caching
Minify resources
Optimize images
Optimize CSS Delivery
Remove render-blocking JavaScript
Prioritize visible content

53. #SMX #12a2 @ab80
Top Tactics to Improve Optimization Score
PageSpeed Insights Rules
https://developers.google.com/speed/docs/insights/rules
Improve server response time
Avoid landing page redirects
Enable compression
Leverage browser caching
Minify resources
Optimize images
Optimize CSS Delivery
Remove render-blocking JavaScript
Prioritize visible content

54. #SMX #12a2 @ab80
Find the Details of Our Mobile Page Speed Experiment
Mobile Page Speed
Experiment Data
https://seopwr.st/2QtFKWY
Professional software for full-cycle SEO campaigns
by:

55. #SMX #12a2 @ab80
Thank You!
Aleh
Barysevich
@ab80
www.link-assistant.com
aleh@link-assistant.com