We often come across numerous and complex terms in the world of technology, which we must have internalize in order to get the most out of a website and, therefore, a business. Here, we want to talk about two fundamental concepts: Core Web Vitals and a web built with SPA architecture – Single Page Application , for its acronym in English; or one-page application, in Spanish—.
The update of the Google algorithm will mean a new way in which a web page with SPA architecture is analyzed for the ranking of the famous search engine. From May 2021, the metrics in relation to Core Web Vitals , that is, Google’s indicators to measure the performance of a website, will be included in the algorithm. For some, it may not accurately reflect the user experience on these types of web pages.
In order to understand why Core Web Vitals indicators may not fully reflect reality, we need to know how a Single Page Application works and what the new algorithm could mean for the positioning of a website in Google. At the end of the day, we all want to appear on the first page when searching for our products and services.
What is a SPA web page or Single Page Application?
The main objective of this type of web page is to provide users with greater fluidity, avoiding unnecessary loading times and allowing more dynamic navigability, by not having to load all the content repeatedly. The typical process when accessing a website built with SPA architecture is as follows:
- The web is accessed with its URL.
- A loading animation appears before entering the main page.
- The initial content is displayed.
- What the user wants to access is updated with the new requests from the server, but it does not need to be completely reloaded.
The importance of Core Web Vitals in relation to a SPA website
Core Web Vitals are the indicators that measure the experience of users on a website to position them in Google search results according to their performance. With them, they seek to measure the following concepts, which will be taken into account for updating the positioning algorithm.
Largest Contentful Paint (LCD)
This metric measures the perceived loading speed or Largest Contentful Paint (LCD) . It will determine when the main content is fully loaded and becomes useful to users. According to Google, web developers should achieve the goal of full load of the web in a time of 2.5 seconds, in order to have an optimal score on LCD.
- 0 to 2.5 seconds: good
- 2.5 seconds to 4 seconds: needs improvement
- From 4 seconds onwards: bad
First Input Delay (FID)
Cumulative Layout Shift (CLS)
The CLS measures the visual stability with respect to the unexpected design changes of the content of a website. Basically it tries to penalize those web pages that move before being able to click on a site that the user already had registered, a third-party ad that is resized by misaligning the text, or those resources that load in a disorderly way; something that reminds us of our own experience as users on certain pages.
Why Core Web Vitals May Not Reflect a Realistic User Experience
Several of the main reasons why Core Web Vitals indicators can be unfair for the Google positioning of your SPA website are the following:
- They do not analyze the performance of subsequent pages . As much as you put your efforts into the performance of the subsequent pages to the initial one, that is, try that, although your home page metrics are somewhat mediocre – but making a more pleasant user experience for the following sections – Google does not will take it into account beyond the initial LCP.
- A single design issue can affect the entire score . The CLS is a cumulative metric for the visual and design stability of a web page. A simple mistake or design problem can affect your entire score, penalizing your ranking in Google.
- Google admits its limitation . Google admitted that Core Web Vitals have their limitations for SPA architecture websites. Although they have promised to continue working on them, you only have to be aware of them, analyze your competition and invest in the optimization of your website. Above all, we must not forget that the web must first satisfy the user.