Core Web Vital Scores

There are only three ways to optimise core web vitals to arrive at Poor, Needs Improvement & Good. Different factors are affecting the scores & it varies for each web vital.

Slow loading sites frustrate people, leaving customers with a poor first impression. As page load time increases, you'll see fewer page views & lower conversions. Google punishes slow loading sites, especially on mobile, which means downward pressure on your SEO rankings. (These metrics will be a ranking factor, starting in June 2021)

Check Your Sites Speed

(Enter the URL your would like to test)

Core Web Vitals Background

Largest Contentful Paint

Largest Contentful Paint is a measure of rendering performance, a good replacement for page load time or DOM content ready. The best score you can have for this is to have a rendering time below 2.5 seconds. The metric is there to help you see how long your large content renders on the page.

First Input Delay

First Input Delay is a measure of how long it takes the browser to respond to discrete user input like clicks or taps. Google looks at a score that is less than 100ms for this web vital & the best way to go about this is to carefully look at the code & measure the performance based on the areas you can optimise.

Cumulative Layout Shift

Cumulative Layout Shift is a measure of how unstable the page was, a sum of all unexpected layout shifts in the page lifecycle. Any unstable element on your site will set you up for a lower Core Web Vital score. However, this does not include interactive features such as a layout change when a user clicks on a button.

7 Steps to Improve your Google Page Speed Score

Cleaning up unused CSS & HTML templates

Most sites that have been online for over a year have a lot of redundant code. This slows down the website. Less CSS code, Javascript & HTTP templates files mean less time to download your web page & less time for a web browser to parse & display it. I find & remove unused CSS, JS, & HTML to increase the website speed. Also, less clutter in your code means better management.

Optimised Images

When images are large in size & not optimised, they use enormous service resources & bandwidth taking more time to load. I used image optimisation techniques to reduce file size & still keep images attractive without impacting quality.

Enable Lazy Load for images

Images are often massive files making them the single most significant contributor to making page bloat. Even if the images are efficiently optimised, trying to fetch all the images takes time. Instead, I enabled lazy load for the images reducing the number of images that need to be loaded on a page upfront.

Replace active elements with static images if possible

Active elements like Google maps or review widgets have tons of JS files & CSS which take up time to load. Try to replace them with static content or images so the external resources can be avoided. This can often save 100s of KBs from the page loading size.

Enabled Lazy Load for YouTube & Vimeo videos

Videos are great for improving user engagement on your website. However, one downside of embedding videos is that it slows down your site. Enable Lazy Load for YouTube & Vimeo videos that work to replace embedded Youtube & Vimeo videos with a clickable preview image. By loading videos only when the user clicks on the preview image, no unnecessary JavaScript is loaded, resulting in better page speed.

Combine & Minify JS & CSS

Combining JS & CSS into fewer files & compressing them helps to not only reduce the overall file size but also minimise HTTP requests, resulting in a more responsive & faster-browsing experience. I employ PHP Minify to merge CSS & Javascript files into a group of files – this means that users download less data when loading your website or store – & make fewer connections to the web-server. I do this by removing redundant or unnecessary data (code comments & formatting, using shorter function names, erasing unused code, & more) without affecting how the browser processes the resources.

Use a CDN

CDN (content delivery network) can help combat the slow load times that frequently accompany websites due to the rapid growth of web page sizes. It works by providing alternative server nodes for users that spread throughout the world, therefore being geographically closer to your users. This ensures a faster response & downloads time of content due to reduced latency. Many CDNs also provide localised data centres that are closer to the user & result in faster downloads. In a nutshell, CDNs can distribute the load, save your bandwidth, & boost performance while reducing your existing hosting costs.

Don't take my word for it?

"Lee's passionately committed & extremely talented. I have found him to be results-driven. Dealing with Lee was great fun; there is no smoke & mirrors rather a professional, competent, friendly business approach with the most refreshing 'can do' attitude that made it a pleasure to do business with him."

Brendan Leece
Brendan Leece
Int. Customer Experience Manager

"Lee's been looking after our website marketing & strategy for the last eight months & I'm very impressed with the work he's carried out for us & his enthusiasm to make our site a success. I'd thoroughly recommend using Lee to help with any digital marketing needs you may have."

Gareth Hall
Gareth Hall
Sales Director
Fine Controls Ltd

Are you ready to discuss growing your business?

I'm currently taking on a limited number of clients. Contact me to arrange a free consultation & find out if we can work together to grow your business.

Book your free consultation

Click to Call:07307307625
I do not use cookies on this website