If you want to rank your website in Hong Kong and get solid rankings then having a fast website is critical.
Page Speed has always been a significant factor in how a website performs in search engines and how users perceive a website to be functional. It may also influence whether or not a user converts or makes a purchase on a website.
We’ve all been guilty at some point of leaving a particularly sluggish webpage and restarting our search…
Before we can properly and sustainably optimize a website for Page Speed, we must first understand what Google (and other search engines) consider when determining your site score on the Page Speed Insights report. While it is evident what components are monitored and reported on, it is not always clear what those metrics are and what they measure.
That’s why we’ve put up this guide: to assist you to understand the Page Speed Insight data so you can make your website more user-friendly and accessible to end-users.
I Will Learn
Largest Contentful Paint (LCP)
The Largest Contentful Paint measure is a significant parameter in the Page Speed Insights report and will play a role in the May 2021 Google Algorithm Update, which we urge you to read up on if you haven’t already. You can find our comprehensive preparation guide here.
Simply said, the most contentful The amount of render time spent filling and seeing the biggest image or text block within the viewport given in your browser is measured by Paint. All LCP is relative to the time the page originally began loading.
First Contentful Paint (FCP)
In general, the phrase First Paint refers to the precise second when ANYTHING on your browser is produced. The First Paint is often a header/banner picture at the top of the page you are attempting to load, or it may simply be the background color of the page in question. ‘Painting’ a banner picture or page backdrop first creates the illusion of a fast-loading page.
However, there is an additional level to First Paint… First and foremost, Contentful Paint. First Contentful Paint (FCP) is far more effective at controlling your page speed. It counts how long it takes for the first piece of genuine content (whether text/copy or graphic assets) to appear on your browser.
To put it simply, FCP is the point at which material that your user may interact with or benefit from becomes visible.
Time To Interactive (TTI)
Time to Interactive is another Page Speed measure that is crucial not just to Search Engines but also (if not more so) to the user. Time to Interactive denotes (as expected) the amount of time it takes for a web page to become completely interactive.
The Speed Index is pretty simple to grasp (this is an anomaly in the world of SEO, where everything is usually mind-blowingly complex). Google defines your site’s Speed Index as the amount of time (measured in seconds) it takes for the information on your web page/site to become visibly filled.
When computing a web page’s Speed Index, Google compares the Speed Index score (obtained using the Speedline Node.js module) against data from the HTTP Archive.
Total Blocking Time
This Page Speed Insights report statistic calculates the length of time (in seconds) that a web page is prevented from reacting to user input. These types of user inputs include mouse clicks, keyboard pushes, and screen taps, among others.
The total of all ‘Long Tasks’ between FCP and TTI is used to compute Total Blocking Time. Any job that takes more than 50ms is called a ‘Long Task,’ and the Total Blocking Time is determined beyond that point; for example, if a task takes 70ms, the TBT is 20ms.
Cumulative Layout Shift (CLS)
CLS will once again play an important role in the CWV Algorithm Update in May 2021. (and again, we encourage you to learn more about this via our guide). A layout shift happens whenever a visible element moves or shifts abruptly from one frame to the next.
Have you ever gone to click anything on a webpage, and just before you do… the entire page (or at least the majority of it) abruptly shifts… and you end up selecting the incorrect option? It’s something we’ve all experienced… It’s known as Cumulative Layout Shift.
Simply said, Cumulative Layout Shift is the aggregate of all unexpected and sudden layout adjustments that occur throughout a user’s experience on a webpage.