How To Check Your Site’s Core Vitals And How To Optimise Them
The world of front-end and back-end web development has definitely changed in the past couple of years. With more and more programming languages being researched and developed, topped up by a whole new level of architecture and hardware to accompany such new infrastructures. In 2020, the gap between marketing and its more technical side (mainly UX and other forms of front-end related matters) has thinned way more than in the past couple of years, with the brightest example being Core Web Vitals. What are those? How can developers optimize them in order to achieve better results from an SEO perspective? Let’s find out.
Page Insights, Revamped.
The whole purpose behind Google Core Web Vitals is the creation of metrics that should and could give website owners predictions and insights on how the users are valuing their experience on your site/application, with numerical values that could be reported to any department within your company. The idea started when Google decided that their old “page insights” was a bit outdated, and was in much need of a change, or update, to say it better. The old page insight metrics have been separated into 3 small categories which give extremely tangible metrics on individual, crucial parts of your website experience. These three parts could also be embedded in your analytical platform (not just Google Analytics) to be presented as a detailed report.
LCP, FID, CLS: What Are Those?
The new core vitals are divided into three categories:
- Large Contentful Paint
- First Input Delay
- Cumulative Layout Shift
Every one of these provides insights into a specific part of your user experience and their interaction with your landing page(s). It’s extremely important to evaluate which one of these is the most impactful for your website’s performance.
- Large Contentful Paint was the original “TTFB” on Lighthouse and it refers to how quickly users could use the largest piece of content on your site (with “use” we intend reading content, clicking on a link, or anything else on a page). This metric is vital for eCommerce sites, given the reasonably high click-through rate they achieve on a landing page.
- First Input Delay (as a metric) is pretty straightforward: it represents the timeframe it takes for you to land on a specific location of the site after you’ve been interested with a link or a button. This comes in handy when enquiries-focused sites have multiple contact forms and they are looking to implement more of those. A lower FID will ensure success in your inquiry funnel.
- Cumulative Layout Shift refers to a complex, overall look at how your user experience is set up on a landing page: for example, if your access is limited for people who are colorblind, then Google may penalize your site’s rankings if the topic you’re covering is falling within the EAT algorithm switch we’ve seen in 2018.
How Can I Optimise Them?
It’s not possible to optimize your site precisely towards one of those 3, but it is possible to use these as a starting point for your future development, especially when they are related to your site’s graphics and user experience. For example, if you’re planning on using a slideshow on your homepage, chances that this will highly change the overall user experience are pretty high, therefore you could start by checking on your Google Analytics how the LCP metric has changed after you’ve applied those changes. From a technical perspective, the usage of server-side libraries for dynamic content (i.e. React) is preferred over Vanilla Javascript which Google now considers outdated and therefore potentially harmful to a good user experience. Tech leads in the world need to sit down with developers and acknowledge these changes to put together architectures that are SEO-ready and Google-friendly.
What About Mobile?
The focus of the core vitals update was targeting the mobile world. In the UK, recently elected as the European powerhouse for mobile technology, a team of app developers has stated how core vitals as a development topic has risen over AI and Machine Learning in the past month for their projects, which is pretty insane considering how “young” these procedures are. Mobile has become the focus of Google’s algorithmic development since the vast majority of internet traffic nowadays comes from mobile devices. The very simple principles stated above are working for your site’s mobile version as well, with the only difference being the fact that, for mobile, speed amounts in a much more tangible way. The golden rule which states that every website should be fully operational right before the 2-second mark still applies for mobile, but, ahead of future technological development and much more complicated pieces of the application, it’s mandatory to keep this constantly controlled and monitored. It’s also extremely worth checking how your site or your app is hosted since server hosting and the number of requests a user must make to get to your site is pretty impactful when it comes to the overall loading time.
The Evolution Of Core Vitals
Core vitals are yet another confirmation of the fact that Google is valuing user experience as a ranking factor. With dozens and dozens of other signals being reduced “in importance”, it is mandatory, now more than ever, to rethink your website’s architecture. In the future, core vitals will most definitely become the only ranking factor for Google after the content itself, which is extremely positive to see for people who invested time in their SEO (especially when technical) strategy.
To Conclude
Core vitals were released in May and are going to be remembered as one of the biggest Google updates in history, with thousands and thousands of companies working to optimize their architectures (small, medium, or large) for them. For now, the best advice we can give you is to look into them, audit your site, and develop a strategy to maintain or optimize them, since they are extremely impactful for your SEO game!
