Is your page load speed lagging?
In the world of SEO, that spells low ranking and lost revenue.
The good news? There’s a fix.
In this article, I’ll cover my specific process and steps for increasing page load speed for clients.
What We’ll Cover:
- How fast a page should load
- Three major considerations for page speed
- How to find the slowest website sections in Google Analytics
- How to increase your page load speed:
- Page load speed FAQs
There’s nothing worse than navigating to a website and waiting – and waiting, and waiting – for it to load.
A slow loading page signals a poor user experience, and that’s a big deal – to your users and to Google.
Because of that, Google has listed page load speed as one of the signals used by it’s algorithm to rank pages.
Pages that take longer to load also tend to see higher bounce rates from users and ultimately lose revenue.
This is exactly why I designed this system to get any websites with speed issues loading lighting fast.
Let’s look at a few stats pertaining to page load speed. A delay as small as one second can lead to the following results:
- 7% drop in conversion rates
- 11% drop in page views
- 16% drop in overall customer satisfaction
- 46% of consumers won’t revisit a slow site
- 74% of mobile users will exit a site that takes longer than 5 seconds to load
- 1 in 4 will exit a site that takes longer than 4 seconds to load
Slower page load speeds mean that your target audience will not be as engaged as they should be, and they probably won’t wait around for the page to load to pay something.
How Fast Should Your Page Load Speed Be?
It’s no secret that in today’s busy, media-focused world, we expect instant results. We want to access online content fast.
As in, 3 seconds fast.
And that, according to MachMetrics, is exactly what’s recommended: an average page load speed of under 3 seconds.
To be clear, keep in mind that most websites don’t actually meet that timeframe. In fact, the most average website load time in 2019 is clocked at 8.66 seconds.
And keep in mind, stakes are high when it comes to mobile.
The average time it takes to fully load on a mobile landing page is 22 seconds. However, research also indicates 53% of people will leave a mobile page if it takes longer than 3 seconds to load.
For a more accurate idea of how yours should be performing, take a look at this chart, separated by industry:
Page Load Speeds by industry
Generally speaking, you should work to keep your page load speed below your industry average.
To check if yours is up to snuff, try plugging it into Google’s PageSpeed Insights, or take a look at some of these pagespeed tools.
Three Considerations for Page Load Speed Optimization
When thinking about how to increase page speed, I generally take three things into consideration:
- Mobile page speed: Is there a mobile subdomain that needs to be reviewed separately or does the site feature a responsive web design?
- Desktop Website PageSpeed: Is this the only entity?
- AMP: Keep in mind, this should only be used on the content marketing portions of websites, and should have proper conversion rate optimization (CRO)
Once you know which applies to you, your first step is to find out where your sight stands.
Use Google Analytics to Determine the Slowest Sections of Your Site
Before you can get to work fixing any page speed issues, you have to know which sections are most affected.
To do so, use Google’s Mobile Scorecard to determine how your mobile site speed stacks up to your competitors.
Just launch the Scorecard, found here, and type in your domain.
You’ll be brought to a screen that calculates the actual speed, in seconds, it takes your site to load.
Use Google’s Mobile Scorecard to find your page load speed
From there, you can type in the domain of any competitors (you can enter up to 10) to see how long each domain takes to load and how you rank in comparison.
Compare your page load speed to your competitors
For reference, Google recommends a page load speed of 5 seconds or less on mobile devices with 3G connections.
Once you have an idea of your actual page load speed, you can use the Impact Calculator (located on the same page as your Mobile Scorecard results, just scroll down).
The Impact Calculator estimates the possible revenue impact that could result from improving your page load speed.
To use it, you’ll need to know our site’s average monthly visitors, average order value, and conversion rate.
Then, plug the percentages in, and Google will return an accurate estimate.
Use Google’s Impact Calculator to determine how your page load speed is effecting your revenue
You’ll also want to review pages and templates individually based on your Google Analytics reports.
When you enter into your reports, set the time frame to analyze six months over the previous six months.
Then, sort by speed greater than site average.
If you notice any pages that are taking longer than you average page load speed, those are the ones you’ll know to focus on.
The next step is diagnosing what, exactly, is causing these pages (or your entire domain) to load slower than average.
To find out, you can use the following tools:
The tools above will not only give some insight into how well your site is loading, but they will also provide actionable recommendations on how to improve your website’s page load speed.
How to Fix Your Page Load Speed Issues
After your initial research, it’s time to determine how to best fix any issues.
Luckily, I have a full process to take you through. By the end, you should be able to address and fix any issues causing delays in your site speed.
-
Fix Global or Template Based Elements First
Before you get into any individual elements, you want to make sure you’ve addressed any major issues with your website template first.
Fixing these could solve any overarching issues with the infrastructure of your site (and if you’re lucky, get your site up and loading faster).
-
Check the Server
Next, you’ll want to look into any server-related errors.
Specifically, if the site is PHP-based, you need to determine if it is being served across PHP7.
PHP7, released at the end of 2015, is the latest version of PHP.
It’s major benefit? The application was designed to run almost twice as fast as previous versions.
So, if your hosting provider isn’t using PHP7, you may want to start looking for one that does. This tweak alone could improve your site speed significantly.
The other thing you’ll want to check is if your site is serving resources via HTTP/2 protocol.
HTTP/2 improves upon the existing incarnation of HTTP by allowing quicker header compression and enabling full request and response multiplexing, among other things.
In short, it improves the page speed and efficiency of your site and, as Google says, “make applications faster, simpler, and more robust.”
Definitely another factor you’ll want to check out when determining your overall serve efficiency, and any part it may play in inadequate page load speeds.
-
Look at a CDN for Faster Page Load Speed
When thinking about how to increase page loading speed, you need to consider a content delivery network (CDN).
A (CDN) can be an effective way to increase your page load speed as well.
A CDN, essentially, is a network of geographically dispersed servers.
Without getting too technical, a CDN makes it easier to cache static content like images, CSS/JavaScript files, etc. by storing them in different nodes (server locations).
So, when a user accesses your site, the static content will be delivered by the node closest to them, causing a quicker load time.
Since these are the elements that most often cause a lag in load time, a CDN can be a very effective way to fix page speed.
Keep in mind, these are third-party, paid services, and therefore may not be the right fix for everyone.
But if your site sees heavy traffic, serves a global or multinational audience, I recommend adding a CDN to your optimization strategy.
The most popular CMS, including WordPress, Drupal, etc. have existing plugins to help your site up for a CDN.
-
Review Image Optimization on Page and Template Level For Faster Page Load Speed
Images are a common cause of poor page load speeds.
Think about it: how often have you landed on a website and started scrolling through the text, only to be bumped back to the top of the page when an image finally loads?
The culprit there is poor image optimization, and I don’t have to tell you it’s an understandably frustrating experience for your users.
The thing is, you can’t just throw an image up on a site. It needs to be resized and compressed before uploading.
As a rule of a thumb, you generally want to resize images in the largest size needed for your site – but no larger.
So, if you know you need images to be 800×500, use a tool like Photoshop to resize before uploading to your CMS.
It’s also important to keep file name in mind. Your best bet is to you JPG or PNG.
-
Enable Caching for Faster Page Load Speed
Enabling caching on can also cut down on page load speed by asking users to save and reuse files in your website.
In your usual web surfing experience, a browser will have to download all the web files attached to a certain website in order for it to load and display properly.
This, understandably, takes a little time to complete.
Then, if that same user were to visit the site again, their browser would have to redownload the files.
But by enabling caching, some of those files would be stored locally on the user’s computer, which would cut down on some load time.
It’s possible to enable caching by yourself (though it will require a little CMS know-how), or with popular plugins like WP Super Cache.
-
Engine Compression for Faster Page Load Speed
Compression is another way to speed up your site’s loading speed.
Doing so enables you to decrease the size of your files, which allows for quicker downloading by your browser (ever received a ZIP file? Same concept.)
Take a look at these scenarios:
Engine compression for faster page load speeds
The first represents an uncompressed transaction between a user’s browser and your web server.
The second is compressed. And see? The browser only has 10KB to deal with, rather than 100KB.
GZIP compression is most popular. For more instructions on how to enable it for your site, check out this article.
-
Minify HTML, CSS and JavaScript Last
“Minify” refers to “the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser – e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on.”
Basically, it reduces the size of the code being transmitted over the web.
If this is your problem, you’ll see it right in your PageSpeed Insight reports.
To minify, you’ll use different tools depending on which code is the problem – HTML, CSS, or JavaScript.
For HTML, you should try HTMLMinifier
For CSS, go with CSSNano or csso.
And for JavaScript, try Uglify.JS.
-
Eliminate Too Many Internal Redirects For Faster Page Load Speed
Too many redirects can also hurt you when it comes to page speed.
Redirects happen when you send users to a different page than what was originally requested.
For example, a 301 redirect is often used to redirect traffic to a correct URL (think ignitevisbility.com and http://ignitevisbibility.com).
And while they certainly have their uses, too many can have a negative effect on your page load speed.
If you suspect this may be case (or Google tells you it is), consider removing unnecessary redirects.
Or, if you’re not already using a responsive design, Google recommends switching to eliminate redirects.
Page Load Speed FAQs
1. Does page load speed affect smaller online businesses?
Yes. Having a lower page load speed doesn’t just affect big corporations like Amazon and Walmart. It also has a drastic effect on smaller businesses.
Think of it this way. Many modern consumers shop at online retail giants because they believe it’s easier and faster to find what they need. If you run a small niche business and your website takes 10 seconds to load, most visitors will get annoyed. They will label your brand with a negative online experience and probably won’t return.
This can lead to a significant loss in revenue.
2. What else are online shoppers looking for in a website besides page load speed?
User experience is critical to having high conversion rates. Your website should have a fast page load speed and incorporate the following characteristics:
- Easy to navigate, operate, and understand
- Direct, relevant information
- Clearly labeled CTAs and buttons
- Accessibility from all tech devices and geographical locations
- Functionality on all operating systems
- Offer legitimate, high-quality information, products, service, etc.
Ensuring that your website has a fast page load speed and all of these traits will go a long way in promoting brand trust and loyalty among your online consumers.
3. What is the difference between lab data and field data regarding page load speed?
Lab data is gathered to calculate a theoretical page load speed.
Field data is page load speed data that is collected from users who have opened the pages in question.
In other words, lad data hypothetical, and field data is practical. These can be used to give recommendations for average load times.
4. What do the acronyms FID, TTI, and FIC stand for?
FID stands for first input delay.
TTI is short for time to interactive.
FIC stands for first CPU idle. This means that there is no more javascript work that needs to be carried out.
These metrics can be used to effectively measure the amount of time your page takes to load down to the millisecond. They can also vary depending on what SEO tools you are using.
5. Which metric is the most important for determining page load speed?
This depends on the type of site you are running.
FCP (first contentful paint) and FMP (first meaningful paint) are more useful for sites that are less interactive. For example, blogs and other sites where visitors spend more time reading the content can see more of a benefit from these metrics.
Websites that are more interactive will benefit from FID metrics.
These metrics can be used to determine page load speed and ways to improve it by identifying low-hanging fruit or easy fixes.
Wrapping Up How to Increase Page Load Speed
A faster website means a better user experience, better rankings, and not to mention more conversions and revenue.
Make sure you check out my plan for increasing your page speed and start implementing these strategies today.
