This document outlines 5 steps to achieve a 100% mobile PageSpeed score according to Google guidelines:
1. Ensure clean code by selecting lightweight page builders, plugins, and themes to reduce page bloat.
2. Install a page speed plugin like WP Rocket to optimize JavaScript loading and defer scripts.
3. Upgrade the web host to improve server response time (TTFB) which impacts all page speed metrics.
4. Improve the Largest Contentful Paint score by preloading images, enabling compression, and disabling lazy loading for critical elements.
5. Improve the Time to Interactive score by removing unnecessary sections of the page using the isolation technique to diagnose bottlenecks. Optimizing script
13. 2.4 s
Before After
Largest Contentful Paint
Time to Interactive
Total Blocking Time
2.8 s
30 ms
6 s
Largest Contentful Paint
Time to Interactive 11.4 s
Total Blocking Time 1,080 ms
21. #brightonSEO
@joetheseo
LIVE TV
Who has qualified for
the September
debates, so far
Only eight candidates have already qualified for
the third Democratic debate hosted by ABC and
Univision
How to make money with merch from a viral debate
moment
Anderson Cooper: This is the question for 2020
Democrats
Whether you trust scientists may depend on your
political party, survey says
Server
Client
TTFB measures the length of
time between a Client making
its request from a browser and
receiving the first byte of data
from the Server.
22. #brightonSEO
@joetheseo
Optimize the server's application
logic to prepare pages faster
Optimize how your server queries
databases
Upgrade your server hardware to
have more memory or CPU
How to Improve TTFB
(aka Server Response Time)
23.
24. 2.1 s
Before After
Largest Contentful Paint
Time to Interactive
Cumulative Layout Shift
2.5 s
0
2.4 s
Largest Contentful Paint
Time to Interactive 2.8 s
Cumulative Layout Shift 0
26. TTFB impacts all
page speed metrics:
#brightonSEO
@joetheseo
Boosting TTFB, by upgrading
your hosting or refining your
coding, can boost all Google
PageSpeed performance
metrics.
28. #brightonSEO
@joetheseo
Largest Contentful Paint (LCP) is
an important, user-centric metric
for measuring perceived load
speed because it marks the point
in the page load timeline when
the page's main content has
likely loaded.
Largest Contentful Paint
29. Use the Lighthouse Scoring Calculator
to See What Areas Need Improving
V7 was the
current version
when I ran my
early tests.
36. Cloudways Tech Support (Cloudways Ticketing System)
Apr 12, 2021, 11:32 AM GMT+5
Hi there,
I hope you are doing well.
Other compression is by default enabled.
SVG compression was not enabled which has now been enabled for you on your server.
If you require any further assistance, you may feel free to contact us, we are available 24/7.
Kind Regards
40. 1.8 s
Before After
Largest Contentful Paint
2.1 s
Largest Contentful Paint
Preloading LCP image provided significant gains in LCP score
41. LCP = 25% of your
PageSpeed score:
#brightonSEO
@joetheseo
While you can optimise an LCP
image, you’ll often find bigger
gains when optimising TTFB.
49. Rather than optimise individual
resources, remove a section of
the page (or a plugin) and test
the page speed again to
diagnose the biggest bottlenecks.
The isolation page
speed technique:
53. Ensure Clean
Code
#1.
Install a Page
Speed Plugin
#2.
Upgrade
Webhost
#3.
Improve Time
To Interactive
#5.
Improve Largest
Contentful Paint
#4.
54. The secret page
speed ingredient:
#brightonSEO
@joetheseo
How your website handles
scripts, both client-side and
server-side, can make or break
how fast your website loads.
55. Tribe SEO Cloudways
5 Day “Quick Win”
SEO Challenge
www.tribeseo.com/challenge
Webhost Page
Speed Challenge
www.cloudways.com/challenge