Website Performance Optimization Specialists

For Professionals - By Professionals

Get Started
Client logos
BEFORE:
Mobile PSI Result (Before)
AFTER:700% Performance Increase!
Mobile PSI Result (After)
Triangle

WARNING: As this could well be the most important information you read this year, I advise you read this page carefully; You have a very serious decision to make.

Now that we are in the era of Mobile-First Indexing and Core Web Vitals, it has become critical that websites are faster, more efficient and with better user experience (UX), if they want to stand a chance of ranking moving through 2023 and beyond.

Let's start by seeing how your current site measures up...

Click the blue Analyse button below (opens in a new tab), type in your site’s URL and run the quick check:

Google Page Speed Insights

If your site is currently marked FAILED for Core Web Vitals (especially mobile)
Or, if your mobile PSI score is less than 50 …

When it comes to website performance optimization - That's bad!

Sadly, you’re very likely already losing traffic as you read this.

Do You Need Your Site Professionally Optimized for Better Performance?

When your website fails Core Web Vitals, your rankings will drop and your site traffic starts to disappear. And, as your traffic decreases, your business will suffer. If you're here because of this, I'm assuming you will want to fix this issue as soon as possible.

Request A Quote Sample Results

As I’m sure you already know, the percentage of global web traffic on mobile phones has surged exponentially over the past decade. As of June 2022, over 60% of all web traffic came through mobile phones. This number continues to rise on a daily basis.

Desktop vs Mobile Market Share Worldwide from 2011 - 2022

Google have invested heavily in this change and have been warning us for years that this was going to happen, but few listened. Even today, I still hear from consultants and SEOs that “this too will pass” and everything will balance out again.

No. It will not. The proof - from Google themselves - is incontrovertible.

In simple, layman’s terms if your site was built pre-July 2019, then it is most likely constructed in the “old/standard” way, which if not already causing you issues, will do soon enough.

Triangle
Standard Coding
Mobile-First Coding
Triangle

Core Web Vitals

Since Google switched to Mobile-First Indexing in July 2019, a new set of core UX metrics were issued to focus specifically on mobile use. Not only are speed and performance much more important today, but also user experience (UX).

Core Web Vitals are the key metrics for understanding your website’s overall user experience. Tools like Google’s PageSpeed Insights or Lighthouse capture the essential statistics and metrics that make up Core Web Vitals currently focus on three aspects of the user experience and include the following:

LCP: Largest Contentful Paint
FID: First Input Delay
CLS: Cumulative Layout Shift
More InfoLCPFIDCLS
For further information about each Core Web Vital, simply click on the relevant tab above

To help you understand the first Core Web Vital for improved Google ranking, we must first provide background knowledge.

All websites have components known as “Above the Fold” and “Below the Fold.”

To better understand this component, we'll use the analogy of a newspaper (as archaic as one may seem today). You can think of the “Above the Fold” section of a website as a newspaper's headline. No turning the pages (or scrolling) — it's what all your readers will see first, and it'll stick with them.

On the other hand, the “Below the Fold” content is everything that follows — the nitty-gritty details of what your site is all about. For a website, the “Below the Fold” content is whatever users have to scroll down to see.

Largest Contentful Paint (LCP) measures how quickly your website serves the “Above the Fold” content to its users. It's an important Core Web Vital, as it determines your users' first impression. Plus, it gives an accurate idea of how quickly they can start using your site.

Not every “Above the Fold” page will look the same. Some contain “Hero” sections on homepages, while others introduce blog posts with eye-catching images and titles.

“Above the Fold” content applies to mobile and desktop users. It's anything that loads without navigating the page or scrolling.

Users can visit your website all they want, but you'll experience minimal rewards if they don't interact with it. Staring at your site will only help them learn so much about what you have to offer.

The First Input Delay (FID) measures how much time it takes for a user to interact with a component of your page.

This Core Web Vital for Google ranking can measure any action, including:

  • Typing
  • Scrolling
  • Moving the cursor
  • Clicking on buttons

Better conceptualize the First Input Delay (FID) metric by picturing this scenario: a user lands on your WordPress website looking to buy your products.

They land on your homepage and are overwhelmed by all the information and images. Once they decide to start scrolling, the FID measurement kicks in.

With something like scrolling, the FID measurement should be incredibly low (under 100ms). More complicated actions, like clicking buttons, may take a little longer than 100ms.

There are additional FIDs, and they can all contribute to an improved Google ranking. Visit your Google console to track each FID individually.

The third Core Web Vital is the Cumulative Layout Shift (CLS). This is part of the Google Page Experience Update, and it deals with visual stability.

It measures how frequently the page layout shifts while the page initially loads. It also keeps track of any changes that CSS and JavaScript triggers.

There are two types of Cumulative Layout Shift (CLS) you should be familiar with:

  • Content-determined layout shift
  • JavaScript-determined layout shift

Read on to learn more about each one.

Content-Determined Layout Shift
This layout shift occurs when you add or alter content on a page, and the page layout needs to adjust for this content to come into view.

It's most likely to occur when the content changes or loads dynamically.

Imagine a picture on your website page. A user's browser will need to adjust the page's layout to accommodate the image and depict it in a visually appealing way.

Images aren't the only elements that can produce this Core Web Vital. Other elements that can play a role include:

  • AdSense snippets
  • Banner ads
  • Fonts (like changes to font sizes)
  • Videos
  • Clickable links
  • Contact forms

JavaScript-Determined Layout Shift
This layout shift occurs when your website uses JavaScript to adjust the page layout on its own.

Have you ever seen a website page that shows off its past work with images in a carousel gallery? What about a masonry grid that adjusts the height of the columns to accommodate for the content? Or any other animation choice for a WordPress website?

If so, you're witnessing a JavaScript-determined Layout Shift at play.

Triangle

Benefits of Mobile-First Websites

Improve CWV Metrics

Better site load speed and media optimization for better Core Web Vitals

Faster Page Loading

Improving website speed by 0.1 seconds can boost your conversion rate by 8%

Reduce Bounce Rate

A lower bounce rate means that visitors are spending more time on your pages

Increased Ranking Positions

For better brand awareness, stronger authority and more organic traffic and sales

Lower PPC Costs and Higher Quality Score

Maximizing speed and performance creates a better QS and less expensive CPC

Increased Conversion Rates

Walmart found that for every 1s faster in load speed time, conversions increased by 2%

Triangle
BOTTOM LINE: If Your Site is "In the Red" (Failing Google's Core Web Vitals), You Have 2 Choices at This Point:

Option #1 – DIY (Do It Yourself)

Start with a full, in-depth technical audit and analysis of your site to locate all potential problems and prioritise them properly. Check for any further issues on Google PSI (Core Web Vitals) and GSC (for potential penalties – manual and/or hidden). Once you have that in order, then start planning and rebuilding your site using a Mobile-First strategy and guidelines, fixing each issue you have located as you go.

NOTE: Creating a professional technically optimized website that ranks in the SERP, demands in-depth technical knowledge, exceptional ability to code, and (now) a deep understanding of Mobile-First and Core Web Vitals. Plus, a large investment of time. Then after the development phase, you need a web designer with all the same requirements on the front-end to build out the content, design, UI and UX.

Remember, it’s your business that’s at stake here, so make sure you know exactly what you are doing. It’s a LOT easier to break a site than fix it!

You could, of course, also hire your own web performance optimization specialist, however these guys cost on average around $80,000/pa.

If you don’t have the time, desire or skillset to take care of this for yourself, we can take care of it all for you. Plus it will not cost you anything even remotely close to $80,000!

Option #2 – DFY (Done For You)

IMPORTANT: This is not a simple cut+paste conversion and we do not cut corners. This service is offered for site owners who require professional help.

With almost 30 years’ experience building websites, we have been working specifically with Mobile-First technology since 2011 and during that time have developed and streamlined our own unique high-performance proprietary optimization systems.

You do not need to change your hosting provider, DNS or anything like that. We will recreate your entire site Mobile-First, from the ground up, on our own private servers. Once you are completely satisfied with the results and ready to go live, we will then backup your current live site and replace it with your brand new, fast, professionally optimized version.

Doing it this way avoids any interruptions or changes to your live site and no inconvenience to your existing visitors.

Built With Care and Attention to Detail

HTML 5

HTML5

Constructed with the latest HTML 5

BOOTSTRAP

Bootstrap5

Layouts with the latest Bootstrap 5

CSS 3

CSS3

Designed with the latest CSS 3

At our core is a collection of professional analysis tools, proprietary software and customized development solutions that represent everything your business needs to compete in the modern marketplace.

Pre-Build Analysis

Full analysis of existing site performance and configuration
Security backup of complete existing site and live database

Set Up Foundational Structure

Optimize core configuration
Install and configure WPO setup
Transfer existing pages/posts

Design and UX Functionality

Create custom header and footer templates
Create all necessary page/post/archive templates
Align category and post structures

Optimize Existing Media

Transfer all existing media (graphics, video, etc.)
Prepare and optimize images
Check existing meta titles and descriptions

Check Structural Integrity

Check for duplicate- and thin-content issues
Check foundational and internal link structure
Check for broken links site-wide (internal/external)

Migration to Live Site

Replace existing live site with your optimized rebuild
Configure and implement 301 redirects, if so required
Set permalinks and activate SERP indexing

Post Migration Optimization

Implementation and configuration of site firewall, automated security system and configuration of site/database backup system

The Final Stage

A complete in-depth analysis of structure, functionality and performance to ensure the highest quality of performance for your site has been achieved, plus manually check each pages/posts links, structure, functionality and re-check for responsive fluidity across various screens sizes and devices

BONUS:

We will also significantly reduce your site's Carbon Footprint (usually by 50% or more!)

Triangle

Professional Web Performance Optimization Services

Triangle

Testimonials

I want to give my recommendations for Chris Freeman. Chris’s expertise and knowledge regarding website build / structure and all its technicalities is the best I know. When Chris showed me WPO and the power behind both the concept and the build, I knew he had developed the ultimate web system, and being user-friendly from a WordPress perspective made it a no brainer for me. WPO is a game changer! It is the fastest web system in the world in my opinion. Nothing else comes close. It performs like a Ferrari in speed, ability and ease of use. Well done Chris for bringing out a class service that is undoubtedly going to change the industry.

I actually got 100/100 for mobile/desktop on one of my sites on PSI testing from Vancouver, BC. It has 19 images on it and quite a few css scripts. I have 3 dentists and 2 industrial sites so far for website highspeed upgrades. None of my sites are doing less than 95 on the PageSpeed highway for mobile. Luckily no one is handing out speeding tickets yet!

All I can say is WOW! In all my many decades of using Wordpress, I have NEVER and I mean NEVER had an experience like this. It is so fast just responding to my changes ... I have goosebumps ... sharing this with you guys! This is so fast its blowing my mind. Thank you for what you have built. This is appreciated more than you can ever imagine!

SERP Movement (UK Site)
SERP Movement (US Site)

I have now transfered 3 of my websites and I found that the system is excellent. With the first-class training that Chris provides, it is a walk in the park. All 3 of my sites are on page 1 in Google with my keywords, and on some searches, l have the top first 3 positions on page 1. I have also found that Chris is always available to help with any problems you might have.

1. One of the new websites is on Page 1 at Position 1 in Google search results, without any backlinks.
2. The site that was migrated is now also on page 1 of Google at position 7 & 8.
3. The third website has 3 pages listed on page 2 of Google at positions 1,2 & 3.

Triangle
BEFORE:
Mobile PSI Result (Before)
AFTER:194% Performance Increase!
Mobile PSI Result (After)

Would You Like to See More Outstanding Results? - Click Here

Triangle

Top Ten Questions About Core Web Vitals

What Are Google Core Web Vitals?

Google Core Web Vitals are the factors that Google uses to determine how well a website provides users with a good experience.

We can break these down into three categories:

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)

You can track the three core vitals by logging into your Google Search Console account.

Why Are Google Core Web Vitals Important?

What makes a good SEO strategy? According to Google Webmaster Trends Analyst John Mueller, there are three main aspects of one:

  1. Relevant written content: Your website should contain relevant, high-quality content that your users want to read. It should contain applicable topics and incorporate phrasing that’s familiar to them.
  2. Google-friendly content: Your content shouldn’t just appeal to experts within your industry. It should read well to a Google bot, meaning it should have adequate on-page optimization. If a search engine can’t interpret your website, it likely won’t recommend it to your potential readers.
  3. Excellent SEO signals: Satisfactory SEO signals aren’t necessarily how many page authorities or backlinks you have. Instead, they’re signs that you can offer a superior on-page experience to your users and good content delivery. Some examples of good SEO signals include mobile-first optimization and fast website speed.

Google core vitals tie into this third component.

You can dedicate a lot of time building an aesthetically pleasing website with informative, engaging content. However, your efforts will be for naught with the release of Google’s Page Experience Update.

The new search algorithm adjustments will no longer consider quality content alone. Even appropriate keyword densities, page authorities, and backlinks won’t be enough to earn impressive rankings.

You’ll have to improve the quality of the overall user experience and hone your technical SEO optimization. Your website can no longer get away with offering a slow load time or page responsiveness.

Read on to learn about the three Core Web Vitals. We’ll describe what they are and explain how you can use them to get through the page experience update and increase your SERP Google rankings.

Why Do I Need to Track Largest Contentful Paint (LCP)?

Tracking Largest Contentful Paint (LCP) is an essential Core Web Vital to your website’s performance.

The need for speed is real. According to a study by Google, more than half of Internet users will leave a website if it takes longer than three seconds to load. Even if you constructed your website beautifully, most of its visitors wouldn’t get to see it if it takes too long to load.

When you track your site’s LCP, you can determine if it’s providing your users with an optimal experience in terms of speed.

Time is valuable, according to some research on Amazon. Adding just one second to the company’s loading time could cause them to lose more than $1.5 billion in a year. Time doesn’t seem that disposable now, does it? Use this Core Web Vital to stay ahead.

What's a Good Largest Contentful Paint (LCP) Score?

Ideally, your website should have an LCP score of 2.5 seconds or less.

While 2.5 seconds is ideal for mobile platforms, it may be too slow for a desktop user. Try to get your “Above the Fold” content to load within 1.2 seconds for desktop users.

Are you unsure of how to measure this component of the page experience update? A simple solution could be to measure the 75th percentile of all site loads. Separate these loads across desktop and mobile devices to get a more accurate picture. If you find lackluster results, you’ll know something’s wrong and conclude that you need to implement changes regarding this Core Web Vital.

Why Is My Site's Largest Contentful Paint (LCP) Score Low?

If you’ve discovered that your site’s LCP score is low, you may feel defeated. How on Earth are you supposed to improve this essential component of Google’s page experience update?

Every website will require unique changes. However, we can help you pinpoint the cause of a low LCP score. Read about these three potential causes below:

1) A Slow Server Response
One of the most common reasons your website speed isn’t loading quickly enough is because of a slow server response.

Consider the hosting provider that you signed up with. If you delegated the task to someone else, contact them to determine who your hosting provider is. Was it a discounted, shared hosting provider?

Website owners often choose cheap hosting providers to save a few bucks every month. However, this choice can be detrimental to your website performance. A sub-par hosting provider will offer limited assistance in case something goes wrong. One likely won’t address crashes efficiently, so your website may stay slow or completely down for a while.

Whenever you’re building or maintaining a website, choose your hosting provider wisely. Don’t settle for a bottom-of-the-barrel site that offers a slow CPU, less RAM, and lagging Internet connection. Also, be sure to check for CSS and JavaScript issues.

Your server might also become overloaded with traffic if your hosting provider isn’t managing it properly.

A slow server response can cause your Google ranking to plummet. Every page will take longer to load, and you’ll have many dissatisfied users directed toward your site.

2) An Overwhelming Amount of Web Assets
Picture your site — what are the first elements to come to mind? Your site may have attractive images and banners, as well as scripts and style sheets (CSS and JavaScript) as part of your content delivery.

Unfortunately, you can’t implement these web assets to your heart’s desire (unless you want your website performance and Google ranking to suffer).

You’ll need to be selective about which ones you incorporate. If you can’t part with any of your favorite web assets, you should at least consider optimizing them. This way, they will load onto your page faster and let your users experience the positive side of Google’s page experience update.

3) JavaScript Issues
It’s no secret that JavaScript is vital to providing rich, seamless user experiences. It also affects how quickly a website can render individual web pages.

JavaScript controls the specific flow of the content on a website page. It loads and unloads specific sections and re-renders them if necessary.

One example of how JavaScript works is through slider plugins. JS loads all the web assets on a single page load. As a result, the web page will load pretty slowly because the browser needs to wait for all the assets to finish loading.

We’re not saying to stay away from JS. But, it’s essential to note that JS can incite frustration among site users who want to view your entire page immediately.

To address these issues with technical SEO optimization, we recommend balancing your use of JavaScript and CSS. Attempting to load too much JavaScript at once can cause users to abandon your site and lower your Google ranking.

Why Is It Important to Track the First Input Delay (FID)?

You might be wondering, Why does it matter how long it takes for my users to interact with my site? Won’t they just scroll and click merrily regardless of how long it takes? Won’t the information be enough to distract them from “slow” responses?

A slow First Input Delay (FID) is not something you want to become acquainted with. It means that your site will keep users out for a long time before the browser can respond to whatever action they took (clicking, scrolling, etc.)

Your entire web page load speeds will also slow down, resulting in a sub-par user experience.

Imagine you’re trying to learn about a company’s services. After landing on its homepage, you try clicking on one of its service pages. You experience an unexpected delay. Many users view even small delays as jolting and off-putting. They’ll likely click off and find another website to meet their needs, which will cause your Google ranking to suffer.

What's a High First Input Delay (FID) Score?

Ideally, you want to aim for an FID score of under 100ms for every action that a user can take on your site. However, this may be difficult to achieve with every single action. Rather, you should aim for a First Input Delay (FID) score between 100ms and 300ms. Google’s page experience update considers anything above 300ms as poor, so make adjustments as necessary.

How to Track First Input Delay (FID)

Tracking the First Input Delay can prove to be a bit tricky at first. Users must interact with your pages if you’re to collect any relevant information.

This means you’ll require access to real-world data to conclude whether your website passes the First Input Delay (FID) measurement.

GSC has developed an important proxy that’s available to enhance your technical SEO optimization.

Total Blocking Time (TBT)
We aren’t talking about Throw Back Thursday with this TBT — rather, we’re referring to Total Blocking Time.

Total Blocking Time can replicate First Input Delay (FID) by mimicking a real user’s experience. It also accompanies synthetic data that a lab environment creates.

GSC calculates TBT by adding up the time it takes for all long tasks that need to occur during page load. Some of these long tasks include:

  • CSS style execution/parsing
  • JavaScript execution/parsing
  • Network timeouts
  • Any resource requests (including sync or XHR)

You’ll get your Total Blocking Time (TBT) when you take the sum of all these tasks.

If a performance issue arises, your user will have to wait longer to load your pages’ elements. They’ll experience a higher TBT because they won’t be able to interact with your website.

It’s wise to use First Input Delay (FID) and Total Blocking Time (TBT) together to determine how interactive your WordPress site is.

If your site’s page performance is noticeably slow, it likely has a high TBT. Remember, the TBT demonstrates the delay between a user’s input and the page’s response.

It’s also essential to remember that the TBT is simply a way to determine your FID under ideal conditions.

You can only collect accurate First Input Delay (FID) data under real-life circumstances.

However, it’s helpful to combine lab and field testing to get a comprehensive idea of how your website performs. You can pinpoint any performance problems to facilitate more interaction.

Why Is It Important to Track Cumulative Layout Shift (CLS)?

Cumulative Layout Shift (CLS) is undesirable. You want to avoid it whenever possible, as it interrupts the user’s experience.

Think of when you’re performing your own research online. You land on an article and start reading. However, your learning journey soon gets interrupted. The image carousel at the top of your article is loading new images distractingly. The new images pop up at different intervals and heights.

Every time a new image appears, the content slides up or down. You have to locate the sentence you left off on and pick up where you left off. This experience can become incredibly frustrating and cause you to click off.

You wouldn’t want to put your site’s users through this. As a WordPress site owner, minimizing layout changes on every page is a key component of technical SEO optimization.

The Cumulative Layout Shift (CLS) metric will demonstrate which page elements are causing distracting experiences and inform you of how to improve the layout.

What's a Good Cumulative Layout Shift (CLS) Score?

A decent Cumulative Layout Score is 0.1 or lower. If your Cumulative Layout Score (CLS) lies somewhere between 0.1 and 0.25, you’re doing just fine. However, you should consider making adjustments if your score is above 0.25, as this indicates visual instability for your users.

Your Google Console will tell you if your Cumulative Layout Shift (CLS) score is average or not.

Triangle

If Your Site is Ready for the Upgrade it Needs, Let's Get Started!