Complete WordPress Speed Optimization – Chasing The Impossible 100/100

Complete WordPress Speed Optimization – Chasing The Impossible 100/100

Speed Up WordPress In 2019 | NON-TECHIE WordPress Speed Optimization Blueprint!

First of all…

WordPress speed optimization is, in fact, easier than you think. In this very comprehensive article, I’ll take you through everything you need to know and do to get your websites loading faster.

Actually, before we continue… let me show you the speed scores of this website.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery

With everything being so fast and instant nowadays, people want instant gratification and nobody likes to wait.

Heck, we don’t even have to wait in queues to buy our groceries anymore and so today I’ll be showing you just how quick and easy it really is to make your WordPress websites load faster.

Without being a technical wizz…

Some WordPress Speed Optimization Stats:

Statistics show that if your websites take 3 – 5 seconds to load, the probability of the users bouncing or closing your site increases to 90%.

90%!! That’s a crazy amount!

Get your site to load between 1 and 3 seconds and that drops down to just over 30%. Quite a big difference.

To put things into perspective, let’s look at two potential scenarios.

SCENARIO 1: SLOW SITE

  • You sell a product or service for $100.
  • You get 1000 visitors.
  • Your conversion rate is 5%.

Since your site takes forever to load, you lose 900 of those potential clients straight off the bat.

No matter how good your product or service is.

You’re left with 100 visitors at a conversion rate of around 5%.

Your income is $500

100 visitors * 5% = 5 clients * $100 = $500

slow website
slow website

SCENARIO 2: FAST SITE

  • You sell a product or service for $100.
  • You get 1000 visitors.
  • Your conversion rate is still 5%.

Now that your website is loading faster, your visitors only drop around 30%

We can’t win them all, right?

You’re left with 700 visitors at a conversion rate of around 5%.

What you’re likely to make now, is significantly more than before.

700 visitors * 5% = 35 clients * $100 = $3500

fast website
fast website

DO TAKE NOTE:

What are the challenges with WordPress speed optimization?

I do recommend you invest in good hosting. Especially for WordPress Websites.

I personally use Upcloud ($25 free when signing up) and highly, HIGHLY recommend them for Cloud Hosting.

On the other hand two other good options for WordPress ONLY hosting are:

Kinsta

AND

Cloudways

Both come highly recommended as well specifically for WordPress, or any website for that matter.

Check First…

GTMetrix

Right, so I am assuming that you have WordPress already installed, you have your website created, but you need to make your site faster.

I mean, that’s why you’re here. The very first thing you need to do is go over to GTMetrix.com.

Add your site, do a scan and note down your ratings and speed before you start optimizing. Look at the Waterfall section as this will show you exactly where your problems are.

clickfunnels
PS: clickfunnels sucks when it comes to speed!

GTMetrix Waterfall

The “Waterfall” will show you exactly how long each element takes to load on your website.

Focus your attention on the Timeline to see exactly how long each element takes to load.

Majority of the time, images are too large, there are too many HTTP requests or no caching and so we’ll fix this in a moment.

But first…

In this case, we need to add compression and optimize our images. From there we’ll move onto the rest of the WordPress speed optimization.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
GTmetrix timeline

A request-by-request visualization of the page. 

Compress Images

Most of the times, images are far too big and they need to be optimised.

You don’t need any fancy software to resize or compress your images for your website.

Open your image in any of your photo editors. Windows Paint will be fine as well. 

*Please see resource section at the end of the article.

If your image size is 5000×5000 (pixels), change it to say, 1000×1000.

Each image is different so do make sure you resize them accordingly.

Save your file as a JPEG (not PNG, unless you need transparency). Most of the times, images are far too big and they need to be optimised.

Go to either:

TinyPNG

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery

OR

Shortpixel

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery

Upload your image, wait for it to compress, then download and replace your old image on your website with your newly compressed one.

Rinse and repeat with your other large images.

That’s it. Really. Simple.

Set Up Cloudflare

Create an account, add your website and change nameservers.

This process is a very straight forward one and there is no need to over complicate things. That being said, let’s get going.

Go to www.cloudflare.com and create your free account.

After you have created and activated your account, all you need to do is click “Add a Site” to start adding your website.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
Add your site to cloudflare

CloudFlare will start querying your DNS records. You now need to confirm which plan you would like to make use of.

Select FREE (you don’t need a paid plan to speed up your website).

DNS records and further settings that need your attention.

After Cloudflare has scanned your DNS records, you’ll see a list of all the mechanisms.

Mechanisms” is just a fancy word for A, CNAME, MX and TXT. Don’t get overwhelmed by what you see here.

All we need to focus on is the A and CNAME records. In most cases, you don’t have to add or remove anything here.

Make sure the proxy status is an orange cloud (just click on it to enable or disable).

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
cloudflare dns

You’re almost done. Just one more step.

You’ll now get the new nameservers that you need in order for Cloudflare to cache and protect your website.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
Cloudflare nameservers

The only thing left for you to do now is to update your current nameservers (either at your hosting provider or where you registered your domain) to point to the new ones provided by Cloudflare.

That’s it. You’re all set up.

Autoptimize

Let’s install the Autoptomize Plugin.

Go to your WordPress Dashboard.

Click “Plugins” and then “Add New“.

Search for “Autoptimize” (such a stupid word).

Click “Install“, followed by “Activate“.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
autoptimize

Autoptimize has been installed and we’re ready to set it up.

It’s important to do this before moving on to WP Rocket so as not to have them clash with each other.

Autoptimize Settings

Click “Settings“, “Autoptimize” from within your WordPress Dashboard.

The only settings you need to enable are:

  • Javascript Options: CHECK
  • CSS Options: CHECK
  • HTML Options: CHECK
Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
autoptimize settings

We’re done with Autoptimize.

WP Rocket

THE ONLY CACHING PLUGIN WORTH YOUR TIME… (well, that covers most user’s use cases).

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
wp rocket

I highly recommend you make use of WP Rocket instead of the free alternatives.

Yes, it’s not a free plugin and yes there are free ones available, but simply put… nothing comes close to what WP Rocket does for your website.

Show features include:

  • Quick Setup
  • Page Caching
  • Cache Preloading
  • Sitemap Preloading
  • GZIP Compression
  • Browser Caching
  • Database Optimization
  • Google Fonts Optimization
  • Remove Query Strings from Static Resources
  • Lazyload
  • Minification / Concatenation
  • Defer JS Loading
  • CloudFlare Compatibility
  • CDN
  • DNS Prefetching
  • Mobile Detection
  • Multisite Compatibility
  • eCommerce Friendly
  • And so much more…

WP Rocket Settings

Let’s set the most optimum WP Rocket settings for your website.

Click “Settings” and then “WP Rocket” in your WordPress Dashboard.

Go on over to “Cache” and make sure that you set the Cache Lifespan to 30 days. All this means is that your website content will remain cached for 30 days before it flushes itself and re-caches it.

This also depends on how often you update your content, but 30 days should do the trick for most websites.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
wp rocket cache settings

Now click “File Optimization“.

Because we’ve already set up Autoptimize, we don’t need to set anything here.

This makes our life easier as all the minification of the HTML, CSS and JavaScript files are already being handled by Autoptimize.

Only lave “Combine Google Fonts files” checked. Leave the rest as is.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
wp rocket file optimization

Media files can make or break your site when it comes to speed. We’ll ensure nothing breaks.

Select “Media” and make sure you select the following:

  • Enable for image: CHECK
  • Enable for iframes and videos: CHECK
  • Disable Emoji: CHECK
  • Disable WordPress embeds: CHECK

Hit “Save Changes“.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
wp rocket media settings

WP Rocket will generate the cache starting with the links on your homepage…

Next up is “Preload“, so go on and select that option. 

Preloading basically tells WP Rocket to fetch all the content of your website, cache it and to display the cached results.

Without getting too technical here, it just means that your site will be shown faster as all the caching was pre-loaded before.

Enable “Activate Preloading” and add the following URLs to “URLs to Prefetch“:

List of URLs to Prefetch

Remember to “Save Changes“.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
wp rocket preload

An overview of the rest of the settings we don’t need.

The following settings you can skip:

  • ADVANCED RULES
  • DATABASE
  • CDN (We have CloudFlare)
  • HEARTBEAT
Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
wp rocket settings

We will now need to configure the CloudFlare Add-On within WP Rocket.

To do so, click “Add-Ons“, then flick the “Add-on Status” switch to “ON“.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
wp rocket add ons

Cloudflare Add-On Settings

Add your Cloudflare API keys, account email and Zone ID.

We only have one more setting to change and then we’re done.

After you have enabled the Cloudflare add-on under WP Rocket, you need to add the following Cloudflare Credentials:

  • Global API Key (CloudFlare Global API)
  • Account Email (CloudFlare email address)
  • Zone ID (Unique ID for the website you added to CloudFlare)

You can get these credentials by clicking the “Find your API key” link.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
cloudflare api

After you have added your CloudFlare credentials, hit “Save Changes” and then “Clear All CloudFlare Cache Files” to refresh your cache.

Wait around 10 min – 15 min for everything to cache and you are done!

100% SCORES

THIS IS LIKE FINDING A UNICORN. DON’T WORRY ABOUT FINDING UNICORNS.

Don’t worry too much about not getting 100% scores. You’ll just drive yourself nuts trying to figure it out as it starts becoming seriously technical.

Head on over to GTMetrix again and have a look at our improvements.

www.gtmetrix.com

As mentioned above, if you don’t see 100% scores, don’t freak out. WordPress speed optimization takes time and experience.

Try and get above 90% and you’re golden.

If however you aren’t at least getting 90% or you would like to squeeze out a % here or a second there, go back and look at your images.

They are in all likelihood still an issue.

Extra Measures

DEFER PARSING OF JAVASCRIPT IN WORDPRESS

Now, sometimes you might get a message moaning about deferring JavaScript.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
defer parsing of javascript

To defer parsing of JS, this code should be copied to the bottom of your theme’s functions.php file:

function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;
if ( strpos( $url, ‘jquery.js’ ) ) return $url;
return “$url’ defer “;
}
add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
functions.php

REMOVE QUERY STRINGS FROM STATIC RESOURCES

Don’t even sweat this message.

The query string advice shown by GTMetrix and Pingdom was adopted because of an old Google PageSpeed recommendation. Google discontinued that advice in 2014, due to the advantages of query strings in the modern, dynamic web.

It’s old advice from January 2014 had been removed by December 2014.

While GTMetrix flags query strings in static resources in its results, it marks them as “Low” priority and places them far down the list of issues to address.

An almost perfect 99% score for “Minify HTML” is listed as more important than a 1% score for “Remove query strings from static resources”.

Complete Wordpress Speed Optimization - Chasing The Impossible 100/100 Project Success Mastery
Remove query strings from static resources

Remember

Perfect is the enemy of good.

Voltaire

I hope that this little article has helped you with getting your WordPress sites to load quicker.

I do not suggest installing any more plugins to try and chase after that “100%“.

Loading more plugins will inevitably just slow down your site again.

I do however recommend two very important things when trying to speed up your website.

Good, nah… GREAT Hosting.

WP Rocket.

That is really all you need to get your sites loading blazingly fast.

Some Recommendations

Hosting

Upcloadstarting @ $5 per month (this is who I host with)

Upcloud is the world’s fastest cloud with 100% uptime SLA. MaxIOPS block storage leaves the competition in the dust and doesn’t throttle performance based on how much you pay.

Cloudways$10 per month (that’s more than enough for around 50k+ visitors per month)

A managed hosting platform that facilitates choice, simplicity and performance. All this is backed by caring expert support so that you stay focused on what you do best, win as an individual and succeed as a business.

Kinsta $30 per month

Kinsta is a managed WordPress hosting provider that helps take care of all your needs regarding your website.

My personal recommendation is Upcloud or Cloudways. You’ll get the absolute best results while following this WordPress speed optimization article.

My performance stats:

GTMetrix
Pingdom
Google Page Speed

As you can see, my own personal experience has been nothing short of incredible!

Caching

WP Rocket (obviously!)

Recognized as the most powerful caching plugin by WordPress experts

  • Single Site – $49
  • 3 Websites – $99
  • Unlimited Websites – $249

AutoptimizeFREE

Autoptimize makes optimizing your site very easy. It can aggregate, minify and cache scripts and styles, injects CSS in the page head by default but can also inline critical CSS and defer the aggregated full CSS, moves and defers scripts to the footer and minifies HTML.

Hummingbird Pro$49 per month (all inclusive plugin set)

Hummingbird is queen of WordPress optimization and she’s here to zip through your site and find all new ways to make it load at record speed.

Hummingbird FreeFREE

Images

PhotopeaFREE

Awesome free alternative to Adobe Photoshop. You are welcome 🙂

TinyPNGFREE

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

ShortpixelFREE

ShortPixel uses advanced compression technology that reduces image size without any before/after difference in quality, thus making your pages load faster.

PixabayFREE

Over 1 million+ high-quality stock images and videos shared by our talented community.

Themes & Page Builders

Divi

The Most Popular WordPress Theme In The World And The Ultimate WordPress Page Builder.

  • Yearly Access$89 per year
  • Lifetime Access$249 (once-off)

Astra

Fastest Growing Theme of All Time.

  • Astra StarterFREE
  • Astra Pro$59 (once-off)

Elementor

The World’s Leading WordPress Page Builder.

  • Elementor FREEFREE (Duh!)
  • Elementor Pro$49 per year

Thrive Themes (I used them for my landing pages)

Themes & plugins, built from the ground up to make your entire website convert more of your visitors into subscribers, customers & clients!

Includes:

  • Thrive Architect
  • Thrive Leads
  • Thrive Quiz Builder
  • Thrive Ultimatum
  • Thrive Ovation
  • Thrive Comments
  • Thrive Optimize
  • Thrive Clever Widgets
  • Thrive Apprentice

Thrive Membership$19 per month (paid yearly)

Do note that for $19 per month, you get access to all of the above plugins and themes.

I highly recommend this membership

Full Disclosure

I’ve always believed in transparency on the web and so I am disclosing that I’ve included certain products and links to those products in this guide that I will earn an affiliate commission for any purchases you make.

This WordPress speed optimization article didn’t write itself you know!

My goal with the guide is to help educate you on speeding up your websites so that you get better rankings and ultimately more sales, but please understand I am doing this as a for-profit business and, frankly, so should you with your goodies unless you have some charitable endeavour in mind.

There are millions of products and services on the web that relate to speeding up websites or whatever. I only promote those products or services that I have investigated and truly feel deliver value to you.

Please note that I have not been given any free products, services or anything else by these companies in exchange for mentioning them on my videos or this guide.

The only consideration is in the form of affiliate commissions or compensation as an advisor for a few companies.

If you have any questions regarding the above, please do not hesitate to contact me.

Cheers and good luck with fixing your website speed!

DISCLAIMER (*ONE MORE)

Oh yes, and of course this…

I cannot guarantee that your website will load within a certain time. I am not you and I don’t know what you have done to get your site to load faster.

This article is merely a, well… guide, to help you speed up your site and while I know what I’m doing and can get a bit more technical, it doesn’t mean that you would necessarily have the same results.

This that could affect speeds includes but is not limited to:

  • Website size
  • Hosting
  • Images
  • Amount of plugins
  • Themes
  • Security
  • Caching
  • and more…

So please do take this into account when optimizing your WordPress websites.

Follow the instructions, INVEST IN GOOD HOSTING and you’ll be golden.

Till we meet again.

Stay Awesome!

Written by
Ruoall @ Project Success Mastery
Join the discussion

46 comments
  • Wow, this article, i really needed something like this 😊😊. WordPress is so big, I really like it, and this tutorial is well made, for everybody to understand. Thanks.

  • I’m a struggling writer and I know how difficult it is to write a good article. The way you started off set the entire tone of the article, precise and fun. No one has time these days – so true. Needless to say, the article is great and the video too. It has made all the points clear. Your article has pleasantly encouraged me to speed up my website with WordPress speed optimization. Thanks.

  • Great article! I enjoy reading it. Website speed is very important for webmasters. And Google loves fast websites. Pay attention to the images on your website. You must compress your images if you want a faster website.

  • You are right. If any one want sell their products online then there website should be fast, So that there conversion rate will be high. You mention many options by applying these any one can make their e commerce website fast. Great job.

  • Genuine information about WordPress Speed Optimization with best and working method to optimise the site, thanq for sharing the valuable article

  • The methods you explained in this article to optimize website loading time are very useful. In fact you have covered all issues related to website loading. Especially using good web hosting service and using cloudflare are very effective and useful in my opinion. Really a very detailed information.

  • The speed of a web site is important to keep visitors from going away, in our days no one likes to wait until the full download on the web site, the size of the images and the bad hosting are the major cause of slow website, after applying the tips that I find this article, I got a score 98% in test speed, so I advise everyone to apply these tips

  • I enjoyed reading the article, really explains everything in detail, the article is very interesting and effective about wordpress speed optimization. Thank you and good luck for the upcoming articles.

  • This is a pretty good and really interesting article about how to optimize your website performance on internet, specially when you focus on offering throughout your website a product and so you need a highly visited site to increase your chances to sell that product offered a here reading this you find a good guide to get that goal solving all these issues related to images size, CSS code, JavaScript code and HTML code optimization and so take all stuff done to make a really fast loaded site. In addition, you can find an advice even how and where hosting your website to achieve a good site performance. Thanks.

  • This is a pretty good and really interesting article about how to achieve a good website performance, specially when you are offering a product throughout your site. This is a pretty good guidance.

  • Thank you for taking the time to produce this article. I very much appreciate the time you spent explaining about
    WordPress Speed Optimization with GTMetrix..its a excellent perfect guide..love always😍😍😍

  • Thank you for taking the time to produce this article. I very much appreciate the time you spent explaining about WordPress Speed Optimization with GTMetrix..its a excellent perfect guide..love always😍😍😍

  • OMG!! this article is one of the best I’ve read about wordpress optimizations… well explained, thanks!! I need to apply this in my wordpress sites…

  • Honestly, if you need a tool that allows websites to optimize their loading time, people have no idea how much potential a page loses just for this faltor … thanks for these tips.

  • I’m currently using upload and its pretty great so i couldn’t agree any more or less on that recommendation. I’ve heard a good buzz about WP rocket and judging from your article i guess it could be worth a try t the very least.

  • Yes! A Regular WordPress optimization is should be given a preferential importance for the website and should be done regularly. Thanks for the detailed and comprehensive article. Such an enlightenment! ❤️

  • I am quite new in this world of web and struggling to take a leap. I am interested in article writing too. I want to learn more about WordPress. Thanks for this article I have opened my potentials.

  • Thanks for your valuable update. Also this is Great article with Website speed is very important for webmasters. And this is genuine information about WordPress Speed Optimization with best and working method to optimise the site, thanq for sharing the valuable article

  • Site speed is always one of the most important factors for webmasters. Your article has provided me a lot of necessary information. WordPress is very large, it is difficult to learn all of its applications. Can you provide more instructions on wordpress? Thank you very much

  • page loading speed of any kind of website will have an impact on visitor’s impression of the site. this also applies to WordPress blog pages. this post shares very useful tips on optimizing speed of WP blogs.

  • excellent article has a serious problem with the loading of my page and the solution that made the most changes was the adjustment and compress my images thank you very much

  • This article is really useful because speed optimization is something very important, nobody wants to wait as I want it to be read immediately and be instantly satisfied

  • This is more than I can ask. Every aspect has been put into consideration in a detailed manner. Every aspiring webmaster will love to see this.