Core Web Vitals – How To Rank Higher In Google In 2023

In 2021, Google made a big change to how it ranks websites in the search results. What they did was take a closer look at something called Core Web Vitals. They then refined and improved them further in 2022.

Although Core Web Vitals sounds like something from a Shortland Street episode, it’s a major change in how Google ranks your website. So, read on to learn exactly what they are so your website can rank higher in the Google search results in 2023!

Core Web Vitals make poorly coded, slow websites pay a heavy price in search results.

To help you get started, we have put together a guide that helps answer the burning questions:

  1. What are Core Web Vitals?

  2. What do Core Web Vitals mean for my Digital Marketing Strategy?

  3. How do Core Web Vitals work?

  4. How do I improve my Core Web Vitals score?



core web vitals lcp fid cls


1. What are Core Web Vitals?

Core Web Vitals are made up of three metrics that analyse a visitors experience on your website. Loading time, page interactivity, and visual stability.

In other words, it looks at how fast your website loads, whether text and images dance all over the place and how quickly you can start using the website when it first appears on your screen.

Before we continue, we would recommend adding the Lighthouse Chrome Extension and generate a report by loading the extension in your Google Chrome web browser.

This report will give you a quick overview of how your website’s Core Web Vitals are looking, see below for an example of our website on a Desktop setting. You can switch it to score the Mobile experience too and it’s important that scores for both are as close to 100 and in the green as much as possible.

lighthouse score core web vitals
Alternatively, if your website is using Google Search Console you can see the results without the chrome extension.
Look in the Enhancements section on the left-hand menu and you’ll find Core Web Vitals.

You can see the details it provides using the traffic light colours. Red of course means bad! The details section is really helpful and guides you straight to the issues, no guessing game here just identifying and fixing – if it’s all green, you are good to go.

 

core web vitals desktop google search console

 

2. What do Core Web Vitals mean for my Digital Marketing Strategy?

Google have identified that these three metrics are a vital part of a website experience. Simply put, Google does not want to send people to poorly coded, slow websites any more.

Their intention is clearly to improve the internet experience for everyone and they firmly believe that Core Web Vitals is the way to go. To be honest with you, we agree with them on this one.

Core Web Vitals became a key ranking factor in June of 2021. Since then, websites all around the world have taken a hit on their rankings.

Unless you want your website to fall way down on the search engine result pages (SERPs) – and stay there – you need to improve your Core Web Vitals. If you do, riches are to be made.

Netzwelt improved their Core Web Vitals and saw advertising revenues increase by 18% and page views by 27%. Likewise, when a website meets the Core Web Vitals thresholds, research showed that visitors were 24% less likely to abandon the page load. Results like these are game changers for most businesses.

Content generation is not King maker anymore

Given just how much Google are rewarding websites that achieve the Core Web Vital thresholds, our recommendation would be to focus less on heavy content-driven marketing strategies now.

Lots of unoriginal content that lack quality or context is bad for ranking anyway. But with the rise of Core Web Vitals, that approach is even more dated and likely to cost you in the long term.

Instead, focus on delivering a fast, smooth and responsive browsing experience with the content you already have.

A Core Web Vitals centric approach is much more likely to rank you ahead of your competitors who are still stuck in 2015.

This is not to say stop creating content, far from it, but if the content is being pumped out in huge volumes with the sole intention to influence ranking – it will all be for nothing without good scores on your Core Web Vitals.

3. How do Core Web Vitals work?


So what are the key metrics of Core Web Vitals? They include, the LCP, FID and CLS. We’ll explain exactly what these metrics are below:

Largest Contentful Paint (LCP)

lcp largest contentful paint

The LCP metric looks at the overall loading time across your whole website. This means, the amount of time passed in seconds from the moment you land on the website until the largest image or section has loaded.

Naturally, this takes longer than your FID but you’ll want to get the overall loading time of your website down to 2.5 seconds or below.

After researching many websites over the years, we have come across some that take up to an extraordinary 30 seconds to fully load. In the age of ultra-fast fibre internet, that’s a lifetime and Google knows this too. Which is why they will start to make websites like that pay a heavy price by lowering their rank in search engine results pages (SERPs).


First Input Delay (FID)

fid first input delay
Do you remember a recent experience when you landed on a website and no matter how many times you press a button nothing happened? It was frustrating, right? This is why Google has made this a key part of the Core Web Vitals.

First impressions count, and this is no different in the digital space. When you land on a website, you want to be able to take action almost immediately.

FID measures the time in milliseconds that it takes from clicking on a link on the website (Button, Menu etc) to being able to take action on the webpage. The lower the number, the better the experience it will be for your site visitors and Google will reward you for this.


Cumulative Layout Shift (CLS)

cls cumulative layout shift
Don’t you just hate it when you’re reading an article on a web page and all of sudden, the text moves around? Or worse yet, when you’re banging your mouse furiously to close a pop up and you accidentally click it because it moved suddenly? Not a fun experience was it.

The CLS metric gives you an idea of how often, and how badly, this scenario is impacting the user experience. If text and/or images are suddenly dancing all around the page whilst someone is browsing it, then your Core Web Vitals score will be negatively impacted. The content which is doing this is considered an ‘unstable element’.

How much they move around the screen can be noted in percentages. i.e a popup moved down on my mobile phone screen by 25%. The CLS score however is calculated in fractions, granted this may seem complicated at first but it’s much easier to work out when you start in percentages and then just convert them into fractions. We’ll show you!

So how is the CLS Score calculated?

The CLS score is calculated from the impact and distance fractions of how much an unstable element has shifted on your screen (or viewport).

So, using an example, an unstable element moves 75% of the total viewport, so its impact fraction is 0.75. As the unstable element has moved by 25% of the viewport height, this results in a distance fraction of 0.25. So the layout shift score would be 0.75 * 0.25 = 0.1875.

From this example, the score would mean the webpage falls within the ‘needs improvement’ grade.

 

4. How do I improve my Core Web Vitals score?

What can I do to improve the Core Web Vitals on my website

 

Now that you have a better understanding of what Core Web Vitals actually are, why they should matter to you and hopefully had a look at your website’s overall score. You’ll want to know what you can do to improve them.

You are now at the stage when you’ll want to start discussing these things with your website developer. The solutions to many of these issues are quite technical, sure some are a quick fix but others might take time depending on the platform you use.

However, to make sure you’re prepared with the right information, we have covered a few things below which you can share with them to get started. If you don’t have a website developer on speed dial, remember that we would be happy to help so reach out to us for your FREE consultation.


How to stop things dancing around your webpages

How to stop things dancing around your webpages

There is nothing more frustrating than text dancing around a webpage whilst you’re trying to read it. To help you address this here are a few things your web developer should consider:

Add the exact height and width for all the images used on the website to the code. This will ensure the web browser knows exactly how much space is available to load the image and will prevent it from continuously determining it each time the page loads.

Use containers, these are basically designated boxes for Ads on your webpages to load in. We have seen so many times, particularly on news websites, where an article gets pushed down after we started reading it to make room for the display ads. It’s a common mistake to overlook these, containers really help to improve the structure of a webpage so nothing loads where it shouldn’t and then gets moved around afterwards.

Why is website loading time important?

Why is website loading time important

 

The number one reason visitors will leave your website is if it loads too slowly. Think about it, would you be willing to wait upwards of 30 seconds for a website to load these days?

We wouldn’t and from our experience, most people wouldn’t either.

The worst part though is the impact this will cause to your Brand’s reputation in the long-term if the status quo remains.

Nearly 60% of visitors will abandon a website if they experience more than 3 seconds of load time, and the majority will not return either. With a knock-on effect they may share this negative experience with others and deter them from engaging with your brand too.

This is why slow loading times, especially the initial loading phase when your site visitors are most likely just staring at a blank white page – is particularly damaging for a business. In other words, getting that initial loading time down is intimately tied to succeeding online.

Famously Jeff Bezos, the founder of Amazon, spent millions of dollars to get Amazon’s initial loading time to below 1 second because he knew it would cost Amazon billions of dollars more in lost revenue if he didn’t.

People just don’t have the time these days to wait so the chances they will jump ship to your competitors is higher than ever. Is it worth risking over something as simple as a few seconds? We don’t believe so and recommend doing everything you can to get that time down, just like Jeff did.


Make your website load faster

make your website load faster

Reduce the time it takes for a visitor landing on your website to load all the images and text
. So, here are a few things that either you or your web developer can achieve:

Images are more often than not the largest contributor to slow website loading times. You can resolve this in two ways.

First, by reducing their physical dimensions.

Images chosen for websites are rarely sized exactly to what is shown or needed, they are usually far too large and this is often caused by them being uploaded straight from a digital camera. As the megapixels have increased and cameras improved over the years, they now generate images with far more detail and clarity than you actually need.

No one needs a ‘6000 x 4000’ sized image on a website. At best, you’ll need a ‘1920 x 1080’ but often even smaller than that is perfectly fine. You can achieve all of this for free by using Image Resizer. Upload them, choose a smaller size, then download them – it’s as simple as that.


Resizing & Compressing images will improve your Core Web Vitals.


The second, is by compressing the images.

You can do this for free by using TinyPNG. Whether the image is a JPG or PNG they will compress it using a sophisticated algorithm that removes unnecessary code but retains the quality, in other words you can’t see any change to the image but the file size is now greatly reduced.

By resizing and compressing your images you can shrink images by up to 90% – that’s a big reduction which will reward you in a faster website loading time.

Next you need to consider implementing a Content Delivery Network or ‘CDN’. We have written an article about CDN’s already which we definitely recommend you read at this point. But just know, they work really well and will make your website load faster without even touching the code.

Time to get techie

Lastly, on to the more technical things. Ask your web developer to optimise your JavaScript execution, ideally either defer or delay any non-critical JavaScripts from loading first. It will greatly reduce the initial loading times.

Next we would recommend asking them to minify the CSS and HTML on the website. This removes any spaces from the files and shrinks the sizes down – it’s surprisingly effective.

Fortunately, it’s much easier to achieve all of these technical improvements if you’re on WordPress as a plugin named WPRocket can do it all for you whilst implementing sophisticated caching technology too which speeds things up even more. It’s a plugin that is definitely worth considering. But if you’re not using WordPress or just don’t want the hassle, we can help you either way so reach out to us.


Your next steps.

At VIEWFULE, we not only care about achieving top Google rankings for our clients but maintaining them too. Getting on Page 1 is tough, especially if you are in a highly competitive industry. So the last thing you want is to tumble down the rankings just because Google updated their algorithm one day.

Core Web Vitals are here to stay, they are undeniably in the interest of the customer experience as no one enjoys browsing on poorly coded, slow websites. So keep ahead of the game by winning at Core Web Vitals today, so you keep winning tomorrow. Remember to reach out for your FREE consultation and we can talk through implementing all of these improvements, and more, on your website.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More

Laravel Framework – Why It’s The Best Choice For Web Development

If you are confused by all the different web development frameworks and unsure which one to choose for your next project, you are not alone. There are literally dozens of options out there. Some of the biggest names though are Angular, CodeIgniter and CakePHP.

Each one has their fair share of advantages and disadvantages in web development. But we are going to put those three to one side for a moment and get straight to the ‘juicy bits’ by revealing another option which rules them all. So without further ado, meet the Laravel Framework – this is the ‘knight in shining armour’ your project has been waiting for. Read on to learn why!


The Laravel framework is open-source, easy to get started and super efficient.

So what exactly is Laravel? Laravel, is a web app development framework. It is not a CMS or eCommerce platform – they are built to serve a specific purpose. Laravel is more of an all-rounder.

Sure, you can use it to develop a CMS or eCommerce platform – and OctoberCMS is one – but it can do so much more than that.

From creating an elaborate website for the media giant Warner Bros. Entertainment, to developing sophisticated web-based invoicing systems at InvoiceNinja to building the global eLearning platform Alison – all 3 of these behemoths, are Laravel powered.
laravel framework logo

Welcome to the wonderful world of Laravel.


So where did it all start and why? The Laravel framework was created by Taylor Otwell in 2011, an American programmer, with the sole intention of helping website developers make complex coding simpler and faster.

Up until that point it was messy to say the least. Laravel is based upon Symfony components, but it alleviates some of the commonly executed tasks like routing, authentication, sessions and caching (amongst others) so that developers can focus on building the actual features of the app.

Simply put, this mean less time spent on the boring parts and more time spent on the fun parts people will actually see and interact with! Who wouldn’t love that.

So, now you know the history and a brief overview of what Laravel can achieve. Let’s delve into the exciting details with the Top 5 reasons why you should choose Laravel for your next web development project.

  1. Laravel is Easy to Learn

  2. Laravel is Open Source

  3. Laravel Supports MVC Architecture

  4. World Class Security is Standard for Laravel

  5. Laravel has a Growing Community

 

1. Laravel is Easy to Learn

laravel framework coding


The first reason why developers enjoy using Laravel is because it’s extremely easy to learn the basics.
Even if you’ve only dabbled in website development and familiar with the basics of PHP, you can easily develop a 5 page website in only a few hours with Laravel.

All you need is a text editor & PHP installation to get you started. It really couldn’t be easier, which is why 1000’s of developers are learning it every day.

Imagine how quickly a skilled Laravel Developer could create a complex web app or even a CMS to rival WordPress – think days rather than weeks.

But that’s not even the best part, it’s the fact it is highly secure and very fast right from the beginning. When compared to WordPress, expect the exact same website on the same web server to perform up to 40% faster – it really is that much more efficient. 

2. Laravel is Open Source

laravel open source


Laravel is 100% free, with no financial commitment at all.
It follows WordPress in this regard and it’s proven to be a winning choice.

As of 2022 there are over 800,000 live Laravel websites, a number that has doubled since 2021 and forecasted to double yet again next year.

You can develop large and complex web applications with the only cost being the developer themselves – that’s a win for any organisation!

3. Laravel Supports MVC Architecture

MVC Architecture laravel


It is a native MVC based PHP framework.
So what does this mean exactly? It basically guarantees a tight separation between presentation layers and business logic.

MVC stands for Model, View, and Controller. It’s a design pattern that separates the model (logic, data handling), view (UI), and controller processes (interface).

By being based on MVC, the Laravel framework provides many features like high performance, increased security, and scalability in one go. This is a big deal and the main reason why Laravel is so fast and secure, all the other web frameworks that do not embrace MVC fall short in this regard.

 

4. World Class Security is Standard for Laravel

laravel security advantages


The Laravel framework offers a plethora of high-level security technologies built-in
. Although there is no single framework that is 100% protected from online threats, Laravel goes a long way to satisfy even the most risk averse web developer or client.

The framework’s unique tools, such as CSRF tokens, look after the security of the project by checking each and every request.

Similarly, a hacker would be hard pushed to perform any SQL injection, cross-site request forgery, or cross-site scripting on a Laravel powered website. It has gained a reputation the world over for being the ‘gold standard’ for web security.

5. Laravel has a Growing Community
laravel community portal


Laravel has a large community of highly skilled developers.
They continuously provide support to make it more flexible and scalable.

If you are looking to develop a web app with complex functionalities, a lot of documentation is at your disposal free of charge and a person is never far away for help should you need one on laravel.io.

 

Your next steps.

At VIEWFULE, we strive to pair our clients with the right platform for their specific use case. Laravel has a lot to offer just about any organisation based in any industry. But the real takeaway is the speed you can achieve it. What this means for business is a faster turnaround on projects which are beautifully coded and work really efficiently – that is money saved, pure and simple. So if this matters to you, reach out for your FREE consultation and we’ll discuss implementing the Laravel Framework with your business.



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More

Web Hosting – Top 5 Tips To Find the Best Package For You

Two really important things you need to decide for your website before you even think about the website itself are the Domain and the Web-hosting.

Both are essential services in order for your website to work. But here’s the thing, they are not provided equally… not even close.

There are thousands of hosting companies out there, all around the world, but the prices will vary greatly and so does the service offering (what you actually get for your hard-earned money!).

In this article, we’re going to help you ‘see through the marketing’ to help decide which web hosting provider, and package, is most suitable for you.

Shortlist at least 3 web hosting companies and perform detailed comparisons.

The best advice we can give right off the bat is to choose based on your needs tomorrow, not today. Choose a package that’s flexible and offers more storage, bandwidth or even more domain names than you have a need for right now.

Anything can change in a month, never mind a year, so it pays to think ahead and not be restricted right from the start. It’ll cost you more to change later so gain some breathing room right from the beginning.


For most people, the ideal web hosting provider will deliver in five key ways:

  1. Technical Support

  2. Affordable Hosting Packages

  3. Service Uptime Guarantees

  4. Server Location & Performance Technology

  5. Freebies Included

1. Technical Support

technical support web hosting

 

We highly recommend you choose a web host that provides technical support by Phone, Email and Live Chat. Having all three options available provides you with peace of mind so you have help available to you in the form that’s easiest for you when the need arises.

It’s all well and good when a web hosting provider markets ‘support emails are replied to within 1 hour’ but if your eCommerce Website is totally down, you could be losing hundreds if not thousands of dollars in sales per hour, you need immediate help and nothing beats talking on the phone or chatting with them via live chat.

If the web host is based in the same country as you, reaching them for support is obviously going to be easier. But that doesn’t necessarily mean they’ll be available when you need them or even available on the package you bought.

Support availability is often tied to how much you pay for the package and if you bought a cheap one, expect limited support in return. It always pays to do the research and what’s clear in 2022 for companies based in New Zealand; is that web hosting providers located in Australia, Asia and the west coast of the U.S are often available immediately when you need them due to the favourable time zones.

2. Affordable Hosting Packages

save money price webhosting

 

Going off-shore is still the most cost-effective option for web hosting in 2022. Whether it’s a shared web hosting service, dedicated server or a cloud based solution. Choosing an on-shore web host within New Zealand can be as much as 30% more expensive for the same service offering.

For most people, this negates any benefit especially once it’s all setup and working and that initial on boarding support is no longer required. There is nothing wrong with looking off-shore, just make sure you ask the questions and read the fine print prior to buying. You will not be protected under New Zealand law if you request your money-back.

Consider pre-paying yearly or longer. Paying monthly, especially when you intend to keep the package for a few years is unwise. Hosts often provide discounts or incentives to encourage you to pre-pay for longer periods. See if the Annual, Biannual or even Triennial prices result in a good saving.

Avoid getting caught up in the marketing jargon. The word ‘Unlimited’ is being used a lot these days and it’s misleading to say the least. ‘Unlimited Bandwidth’, ‘Unlimited Storage’ etc… you’ll see these terms advertised prominently and with good reason. Simply put, they work!

These hosting companies realised long ago that advertising any caps or restrictions deter shoppers so what did they do? Just re-worded them, they didn’t really change anything on the service side of things. Therefore, the old saying ‘if it seems too good to be true it probably is’ applies here.

Nothing in the world of web-hosting is truly unlimited. Fair use policies apply in the vast majority of cases and in the rest it will be based on ‘access per second restrictions’. Such as transmitting anything more than 10MB per second results in you reaching a cap, for example. Make sure you ask them about these hidden caps and restrictions, some can be reluctant to reveal them and if that’s the case for you – our advice is to walk away.

 

3. Service Uptime Guarantees

guarantees performance speed uptime web host

 

Look for packages with a guaranteed up time of 99.9% or above. An up time guarantee of the ‘three nines’ or 99.9%, is currently considered to be the industry standard for web hosting services and it translates to less than 0.1% of downtime in any given month.

This equates to less than 45 minutes, roughly per month, that your website is inaccessible. Anything longer than that could lead to impact and your business being percieved as unprofessional. Is it worth the risk? 

Money-Back Guarantees are common place these days in web hosting but ‘caveat emptor’, they are not created equal.

Some companies offer very generous 90-Day Money Back Guarantees with minimal conditions. Others only 30-Days with lots of conditions applied. Always ask about your guarantees prior to ordering so if the time comes you do need to cancel, you know exactly what will happen when you do.

If a provider is offering a free Domain name with a purchase you need to ask if you’ll lose this but often they can be negotiated and retained for a small amount. Remember to check the fine print as not every provider offers a money-back guarantee but as a general rule of thumb, if they are willing to offer a strong refund policy – they are confident in their service quality.

4. Server Location & Performance Technology

web hosting speed performance

 

Geography matters in web-hosting and directly impacts performance. Think about it, if you have to travel all the way to New York to receive data and then travel all the back to Wellington it’s going to take time and this results in your website loading slower. Especially when compared to travelling between Auckland and Wellington, for example.

But it’s important to know there are a few quick and easy ways to mitigate this and one is to ensure you are using the latest version of PHP. As of writing, PHP 8.1 is the latest and greatest.

When compared to PHP 7.4, which is still the most common version, it’s as much as 40% faster and can handle more than 50% more requests. This is a huge improvement and absolutely worth your time, so if you’re website is running php 7.4 it’s time to perform that compatibility assessment and update.

Compression is another easy win and relies upon the web server and web browser supporting it. Thankfully, most do these days but they might not be using the latest one.

Brotli compression is incredibly efficient at compressing your website down for the journey between the web server and the visitor and once it arrives it decompresses the content quickly and serves it. This is totally seamless and all happens behind the scenes.

Gzip used to be the way to do this, but Brotli is the new king.
In some cases the overall front-end decompression is up to 64% faster than gzip so ensure your web server is using this.

Content Delivery Networks, or CDNs, have really helped improve website loading speeds as they are a distributed network of servers located in almost every major city. They are often called ‘nodes’, they store small amounts of data on your website such as structure and images.

When a visitor loads your website, they are directed through the node that’s closest to them and it shares what data it has. Depending on how much you pay the CDN, it can share a lot of data, perhaps even most of your websites content.

Ether way, this all helps reduce the amount of data traveling over long distances from the visitor to the web server which ultimately results in a faster loading experience for your visitor. CDN’s are a topic of themselves and we covered them in more detail in a separate article which you can find here.

The fastest web-servers in 2022 are often powered by Litespeed technology. It’s an alternative to the legacy Apache servers (which we no longer recommend) and NGINX servers which have long been considered the fastest. Litespeed cache technology is very fast and they partner with a CDN called QUIC Cloud. When these two technologies are combined, your website can load up to 67% faster than NGINX so it’s well worth asking your next web-host if they use Litespeed technology on their web servers.


5. Freebies Included

freebies free extras webhost

 

Who doesn’t love something for free?? But free doesn’t necessarily mean worthless. Especially when it could involve a free Domain Name, Free Email Accounts, Premium SSL Certificates and Dedicated IP Addresses.

We encourage all our clients to use Premium SSL Certificates, the simple reason for this is security and the guarantees they can provide. It is extremely unlikely you will be hacked if your website uses 256-bit Encryption and is protected by a GlobalSign approved SSL Certificate.

Some SSL Certificates even come with money-back guarantees to help with the recovery costs if the worst does happen. Wouldn’t you feel more at ease if you had access to $10,000 or more to help with the associated recovery costs? Premium SSL Certificates can offer you this peace of mind and in some cases could be worth their weight in gold, so consider them carefully. Try to avoid the free ‘Let’s Encrypt’ SSL Certificates, they only provide the bare minimum level of protection and are not designed for high traffic eCommerce Websites.

Another thing that really helps with security, but more so with spam protection, is having a Dedicated IP Address.

More often than not when you a buy a web-hosting package you will be put on a server with 50 or more others. These are called ‘Shared web-hosting’ services and are the most common form of web-hosting available.

The problem with this approach is that all it takes is just one of them to be flagged as a spammer and you all could be impacted because you share the same IP Address. Ask yourself this question, is the risk worth it? Do you want your business to be flagged as a potential Spam source?

We don’t believe the risk is worth it and recommend our clients choose Dedicated IP’s to avoid it. This provides them reassurance that the decisions made by others won’t impact them.

 

Your next steps.


At VIEWFULE, we would love to help you decide on your Web hosting package. We highly recommend HostArmada for web hosting, they offer super fast Litespeed technology on Cloud SSD servers for affordable prices with a strong money-back gurantee so why not include them in your comparisons. Either way, we would be more than happy to provide you tailoured guidance on finding the right hosting package for you. So why not reach out for your FREE consultation?



Domain Mega Sale


HostArmada - Affordable Cloud SSD Web Hosting

Read More