8 Tactics to Make Your Website Load Faster

1. Leverage browser caching:

When you visit sites, your browser often caches pages on the site to speed up load time.

Browser caching stores webpage resource files on a local computer when a user visits a webpage, so leveraging browser caching is when you instruct browsers how their resources should be dealt with.

Things can slow down when the response from your server does not include caching headers or if resources are specified to be cached for only a short time.

Leveraging caching will load your pages much faster for repeat visitors and so will other pages that share those same resources.

The code below tells browsers what to cache and how long to "remember" it. It should be added to the top of your .htaccess file.

ExpiresActive On ExpiresByType image/jpg "access 1 year" 
ExpiresByType image/jpeg "access 1 year" 
ExpiresByType image/gif "access 1 year" 
ExpiresByType image/png "access 1 year" 
ExpiresByType text/css "access 1 month" 
ExpiresByType text/html "access 1 month" 
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month" 
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
 ExpiresDefault "access 1 month"

2. Optimize images:

If images load faster, your site loads faster, period. Google notes that “…images often account for most of the downloaded bytes on a page. As a result, optimizing images can often yield some of the largest byte savings and performance improvements.”

This means that you can get some big improvements when the images on your pages can be optimized to reduce their file size without significantly impacting their visual quality.

Here’s how to do it

redundant data that you can remove includes code comments and formatting, removing unused code, using shorter variable and function names, and more.

Here’s how to do it

3. Minify HTML, CSS & JavaScript

Minifying removes any unnecessary characters that are not required for the code to execute.

Here’s how to do it

4. Enable gzip compression:

Gzip compression drastically reduces the size of files sent from your server when someone visits your website. This will speed things up considerably.

According to GTMetrix,

“The reason gzip works so well in a web environment is because CSS files and HTML files use a lot of repeated text and have loads of whitespace. Since gzip compresses common strings, this can reduce the size of pages and style sheets by up to 70%!”

Here’s how to do it

5. Reduce server response time:

Server response time is the amount of time it takes for a web server to respond to a request from a browser. This is a key issue to address because if your server response time is slow your pages will display slow, no matter how optimized your pages are for speed.

Google says you should reduce your server response time under 200ms. So how do you make this happen?

Here’s how to do it

6. Avoid landing page redirects:

Your site can really slow down when you have more than one redirect from the given URL to the final landing page. This sets off a redirect loop that takes time to process.

Here are a few examples of redirects that can slow things down:

example.com → m.example.com/home – multi-roundtrip penalty for mobile users.
example.com → www.example.com → m.example.com – very slow mobile experience.

Here’s how to do it

7. Prioritize visible content:

This is the exact message you’ll get from Google’s PageSpeed tool when additional network round trips are required to render the above the fold content of the page.

This “above the fold” content is what you see on a desktop or device when you visit a page. So prioritizing visible content is the recommendation that you prioritize things so that essential elements on your page load first (and quickly) for users and that you defer secondary page elements like social sharing plugins, analytics javascript, etc.

Here’s how to do it

8. Eliminate render-blocking JavaScript and CSS in above-the-fold content:

JavaScript and CSS resources often prevent your page from displaying until they’re fully loaded. This is often a good idea, since the premature display of your above the fold content can look pretty grotesque.

However, this is a common message you’ll get from Google about site speed, and addressing it can really take your page speed up a few notches.

Here’s how to do it

Note: This is the hardest thing to fix for most people. There are WordPress plugins that just do it but they can make your site look like Frankenstein on every load.

Want an ultra-fast and secure hosting platform for WordPress? Start here and check out our preferred hosting company, Siteground, or you can contact us today!

Why It's Important to Optimize Your Website Speed

What is Page Speed?

Website page speed is the amount of time it takes for the content on a website’s page to fully load. In a world where people have come to expect instantaneous results, faster is better.

In fact, nearly half of web users expect a site to load in 2 seconds or less, and they tend to abandon a site that isn’t loaded within 3 seconds, according to surveys done by Akamai and Gomez.com.

But how long do most websites take to load?

The standards many have been using for page load time come from a study conducted by Geoff Kenyon where he compares website speed against the rest of the web:

So how can you determine how your website stacks up?

How to Determine Your Page Speed and Score

Here’s how to measure how your website stacks up:

google page speed insights
  1. Hop into your website’s Google Analytics Site Speed reports. This will give you an idea of how your site has performed over various time periods and the load speed of each of your pages.
  2. Enter your site’s URL into Google’s PageSpeed Insights Tool. This will give you a report card on your website’s speed performance on mobile devices and desktop. The report comes with some recommended actions you can take to improve your site’s speed.
  3. Check Pingdom’s website speed test to find out the speed, rank and percent faster than the average of Pingdom’s tested websites
  4. GTMetrix will provide a comprehensive look at your site’s speed optimization status.

Note: Don’t puzzle yourself when you see different speed timing in Pingdom and Gtmetrix. As Pingdom will show you load time (The time it takes to show the first result of your website—that’s what google counts and you should too) and GTmetrix will show you full load time (The time it takes to show full page with its full functionality running).

For further understanding, it’s always good to see the speed waterfall from both tools.

Some other blogs posts you might want to check out...

Why Does Page Speed Matter?

Bridging the gap between user expectations (2 seconds) and average website load time (5 seconds) is the goal of page speed optimization and the tactics we’ll outline later. But why exactly does page speed matter? It comes down to 3 main interconnected reasons:

1. Speed Kills UX

User experience is probably the most important reason you should care about website speed, so we’ll start here.

People don’t have the patience for slow loading websites anymore. In the beginning, just connecting to the internet required a tolerance that just doesn’t exist anymore.

Today, people are constantly online and you’ve got 3 seconds maximum to display your page or they’re gone. More than 3 seconds creates a poor user experience and the bar is only going to get higher in the future.

2. Speed Kills SEO

User experience is actually the driving force behind the SEO implications of site speed. While Google has been slow to officially reveal whether slow websites would receive ranking demotions, it appears that those days are coming. You need to make sure your website is ready.

3. Speed Kills Conversions

Your site speed’s effect on conversions is what should really catch your attention. How can you move people through your funnel if each step takes forever? Your super-fans will do it, but those new, hesitant people who are prone to buyers-remorse will bounce.

8 Tactics to Make Your Website Load Faster

We’ll just briefly touch on these eight tactics but will go into more depth in a later blog post.

[update: read more details on 8 Tactics to Make Your Website Load Faster]

  1. Leverage Browser Caching which will your pages much faster for repeat visitors.
  2. Optimize Images – let’s just say this is one thing very much overlooked. Whether your site is designed in-house or by an agency or freelancer, image size is almost always one of the things that cause slow load times. Why? Because some designers either forget or decide not to shrink and optimize images before uploading to the site.
  3. Use a “shrink-ray” to Minify HTML, CSS & JS — this will remove unnecessary characters in your code that are not required. (just don’t shrink the kids)
  4. Enable GZIP compression to drastically reduce the size of files sent from the server to the browser.
  5. Reduce Server Response Time. This one is usually a little more difficult to fix.
  6. Avoid Landing Page Redirects (when possible)
  7. Prioritize Visible Content – lazy load images below the fold for starters.
  8. Eliminate render-blocking JavaScript and CSS in above-the-fold content. (This is the hardest thing to fix for most people.)

Struggling with the above?

We can help improve your page load times, just get in touch and we’ll take it from there.