28

WordPress Performance and speed optimization tricks that work!

Performance and speed optimization tips and recommendations

Optimizing your blog for fast loading speed and high performance is a must in WordPress. Of course, that doesn’t mean every other site is left out.

As long as search engines and human readers are involved, high speed and usability are top priorities. Generally, if your blog takes over 2 seconds to load, this is considered slow. 3 seconds and above is very slow. With the mad rush for plugins, your new blog which should normally load under 1 second will soon be graded “very slow”. That’s why I highly recommend being so selective when installing new plugins is concerned.

This blog (at the moment of writing this post) takes less than 1 second to load and it’s graded 99% by Google PageSpeed. There are actually 13 active plugins, 7 of which are listed and recommended in this post

Here is an image of Gtmetrix performance test results for this blog I captured on the 30th Oct 2013. The figure 93 is score by QuickSprout performance tool.

Performance and speed optimization tips and recommendations

As a matter of fact, page loading speed is one of Google’s 200 ranking factor. Not only that. Bing also is said to use this parameter as a ranking factor. Though this factor is graded below content usability, it’s important to give it its place. Neglecting it and having a blog that takes 20 seconds to load can really be a bad experience.

In this post, which is Part 9 in our series to create a blog that makes money, we are looking at WordPress Performance and speed optimization. If you missed the first 8 parts, refer to the front page for a table of contents

WordPress Performance and speed optimization

There are many factors that affect the performance of your blog. Some are purely server-bases and extremely without your control until you choose to switch host. There are dozens of potential factors which may slow down the response of your server: slow application logic, slow database queries, slow routing, etc. See details of these factors here.

Other factors include your theme, plugins, poorly optimized images, too many http requests, too many Cascading Style Sheets files, too many JavaScript files loaded at the head of your pages, etc.

While HostGator’s shared servers loads under 0.30 seconds, there are a couple of things I recommend you do at your end to keep your blog under 1 second.

Before I get into some more details, here is Google PageSpeed insights for this blog (at the time of writing this post). 92% for Mobile and 98% for desktop are pretty interesting stats. Remember this blog is hosted by HostGator and  runs on Genesis FrameworkWordPress Performance and speed optimization

My exact steps at optimizing my blog

Without mixing words, the very first step at achieving green grades is getting the right host and the right theme. I have opted for HostGator and Genesis themes. The result is what you see for yourself. In this post on choosing the right host for your WordPress blog, I dish out some reasons why HostGator should be your number 1 choice. Again in this other post in the series, see why Genesis is the top theme framework to go with.

The next step is getting the right plugins. At this spot, I recommend 2 plugins that will do the magic.  I have mentioned them in my list of 7 most recommended plugins for a new blog. Let’s see these 2 plugins:

W3 Total Cache

This is one of the most recommended WordPress Performance Optimization (WPO) framework designed to improve user experience and page speed.

To install this plugin, go download it from WordPress here or simply follow these steps to get it installed;

  • Point your mouse to “Plugins” on the left menu in the admin area and click “Add New
  • Enter w3 total cache in the search field and click “Search Plugins
  • The plugin should be the first on the list. Just click “Install Now” and then activate it.

After installation and activation, you should see a new menu item on the left bar. Point to “Perfomance” and click “General Settings” and make sure the following items are enabled:

  • Page Cache
  • Minify
  • Object Cache
  • Browser Cache
  • Database Cache

NB: For the most part, the default settings will work fine and produce most desired results.

Getting the best our of it all – Link to a CDN

MaxCDN Content network“A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance.” WikiPedia

W3 total cache makes it easy to hook up with a CDN service. Sign up with a CDN service. The most recommended and endorsed is MaxCDN.

Sign up to  give your website the speed + reliability it needs”

Now, you will need your Authorization key from your MaxCDN account to link your blog. Simply, on your Performance settings page, move to the CDN tab and enable MaxCDN.

maxcdn connectionClick “Save All settings” and follow on screen instructions to link up to MaxCDN. While you can get the recommended basic package from MaxCDN for $9/month, there is another free option with CloudFlare. I recommend you signup to CloudFlare from your HostGator cPanel. The reason is that integration and setup will be quite simple, requiring little from your end.

Optimizing your images for high speed

Images are important component of webpages. The virtual importance of images and pictures on a web page cannot be compromised. While we love these media features, it’s crucial not to let them become a ranking and usability issue. Here are three things to do:

  • Get premium images.
  • Give them the required sizes for your page
  • Optimize them for fast loading.

While I won’t be talking about where to get images in this post, I will encourage you consider trimming your images to the required sizes before uploading them to your blog. While Genesis themes will automatically fit your images into theme position, I recommend using your image processing software to trim and re-size your image files accordingly.

Secondly, you’ll need to prepare the images for the web by doing a “lossless” optimization. There are two ways to get this done:

  1. Use Smushit.com to optimize before uploading to your blog.
  2. Get the wp SmushIt plugin which will automatically optimize your images on upload

Lazy Loading

Simply put and for fast understanding, this means loading images when they are being displayed on the screen. For instance, when you visit a web page, the images at the bottom of the page will not be loaded until the page is scrolled up to the portion where the images are.

The simplest way to get this done on your blog is to get a lazy load plugin. I don’t use any on my blog right now but if you need it, search the WordPress plugin directory.

Using CSS Sprites

This technology combines your theme images into one image file. This will considerably reduce the number of requests made to the server, thereby increasing your load speed a great deal. SpriteMe is a service that facilitates creating CSS sprites for your blog. Check out this tutorial on how to implement css sprite

Blog optimization recommendation tools

There are three tools I recommend you use. These will give you more recommendations on how to get the best.

1 – > Google Page Speed

I love the details I get from this tool. It gives specific recommendations and tips on what to do.

page speed recommendations2 -> Gtmetrix.com

This tool goes a bit ahead and gets your images optimized for you. What you have to do is just download the optimized version and replace the copy on your blog. I do this with an FTP application.

This tool also points out the different images on your blog that are missing width and/or height attributes giving you their different dimensions (Widths and heights).

Not giving these attributes (Widths and heights) manually is telling your browser to do the calculations. This makes it slow in the process.

Gtmetrix image optimization

3 -> QuickSprout

This is another exceptionally good speed tool by Neil Patel. According to Neil, this tool alone is costing him $105 000, yet he is making it free. The tool analyses your blog and brings up many detailed reports with performance recommendations categorized into High, Medium and Low categories

Conclusion

I want you to know that optimizing your blog is never and ending process. As long as you keep publishing content and adding plugins, you need to constantly run performance tests and carry out some tasks.

That’s it for this part 9 on WordPress Performance and speed optimization. In part 10, we will see some essential pages to create on your money making blog. Leave your thoughts in the comment box and share this post on social media.

Enstine Muki
 

Certified Cryptocurrency Expert, Problogger and Serial Entrepreneur

Click Here to Leave a Comment Below 28 comments
Roshan Bajaj

Hi Enstine

Thanks for your valuable suggestion about speed optimization. I have visited you’re all 3 blogs superb content and well optimize pages. and also noticed speed is too good. Did you ever use W3 Super Cache? I am using it for my WordPress website and blogs. I noticed this plugin increases the site speed by almost 25-30% on a single setting. Hope you will sure try this awesome plugin for your own WordPress website.

You will Definitely get good speed.

Thanks
Roshan Bajaj owner of wpenlight.com

Reply
Aksa Sahi

this is a helpful article, it help me to do my occupation more correctly and effortlessly. than to overseer to help us. such kind of expert data truly enhance the learning of people groups who have a thirst of innovation information

Reply
Divakara Ganesh

Hi Enstine Muki,

Thanks for sharing the WordPress speed optimization tips. W3 Total Cache is the best caching pluging, and i am using it on all my blogs. this plugin increases site speed by almost 20 – 30%.

Thanks and regards
Divakara Ganesh
Divakara Ganesh recently posted…10 Best WordPress Themes for Web Hosting Company with WHMCS IntegrationMy Profile

Reply
Hemant Kumar

Hi enstine
Superb Information about speed up a WordPress site, really these Tips are very helpful and most beneficial for me. Basically, I visit on this blog daily basis and I have got more ideas on this blog. Today I learned new after reading this article. Thanks, A Lot for shared.
Hemant Kumar recently posted…How to Speed Up Your Website with Cloudflare: 100% workingMy Profile

Reply
Oge Daniel

I have issues optimizing my blog for speed and performance. When I install W3 Total Cache, my website shows error, it won’t load again, how do I resolve it.

I did it for my other blogs and it works fine but my main blog isn’t compatible with it.
Oge Daniel recently posted…ZTE Nubia Z11 Mini S Price In NigeriaMy Profile

Reply
Mansoor Bhanpurawala

wow!! really great article, after reading this i am going to optimize my wordpress based blog and hope my blog page speed will improve.
thank you

Reply
Christina Lynn

Hi Enstine, An impressive and interesting information these kinds of tools which is shown own website stability. One of the tools where I used is GTMetrix is one of the tools that we have found ourselves using more and more to get detailed reports about our site’s performance. It is a free tool that analyzes your page’s speed performance using Google Page Speed and YSlow.

Thanks for shared and enjoyed to reading this post!

Reply
yogesh

Hi Enstine,
I am here after a long time in your blog and again i am very happy to read it. awesome technique to speed up wordpress websites. these are the basic tips to follow speeding up. i also use same technique and before i was using local web hosting but now i switched for a good hosting company and speed is pretty good.
thanks for the awesome post again 🙂

Reply
Mark

Enstine:

I’d be being less than honest if I said your site score isn’t a surprise! But I like that you point out that in business, you’re constantly (or you’re supposed to be) constantly tweaking/testing and monitoring, so that you can achieve your best peak performance.

And sadly, far too many otherwise extremely savvy entrepreneurs drop the ball! Because they have this sort of “one & done” mentality!

Not realizing, in fact ‘how” much that attitude and approach to their business, is costing them (not only) a ton of potential profit!

But a ton potential missed opportunities as well! Thanks for sharing! School is definitely always in! When studying your excellent content!
Mark recently posted…Blogging For Money: Three Things You’d Better Consider First!My Profile

Reply
harshit jain

wow!! really great article, after reading this i am going to optimize my wordpress based blog and hope my blog page speed will improve.
thank you

Reply
Yogita Aggarwal

Great guide not for the beginners but for professionals as well. I was least bothered about my blog loading time but not now 🙂

Thanks Enstine 🙂

Reply
Atul Kumar Pandey

Thanks Enstine, to put your effort in expressing your words on this section. I was recently achieved 99 in both the logics (Page Speed and YSlow) in GTmetrix. And really seen an amazing performance of loading speed of my web pages. Now if hundreds of visitor come on my site the performance of it never goes down.
Atul Kumar Pandey recently posted…Teens Prefer WhatsApp Over FacebookMy Profile

Reply
Ron Killian

Some fantastic tips Enstine!

I hate to admit, I don’t check the speed of my site, or think much about speeding it up.

Curious though, some of the recommendations of my own site and blog,, I can’t see how I can just get rid of them. Some of what they say to “fix” is necessary code.

Reply
    Enstine Muki

    Hey Ron,
    You really have to pay attention to speed. If it gets out of hand like 20+ seconds, Google may begin really hating it. That won’t be good!

    Constantly checking will make sure you constantly tweak to keep it within acceptable speed. That too is part of maintenance.

    Thanks for sharing your thoughts on this Ron and hope to see you around again
    Enstine Muki recently posted…The 5 Most Important Pages On Your Blog!My Profile

    Reply
Ankur Upadhyay

Some really great tips Enstine. My blog is getting slower day by day. I got to know that you are using Prose child theme on this blog. Is this theme good for page loading speeds.

I am currently using Super Cache but will try out Total Cache. Is total cache compatible with Cloudflare?

Reply
Reginald

Hey mate!

Thanks for sharing. Max CDN is great but I am using NetDNA. Heard alot about Max and might just try it out.

Appreciate the write!

Reply
Pramod

Hi Enstine !
Improving the blog load time should be the highest priority of every blogger . You’ve shared the resources that will surely help in improvement of page load time. Thanks for making all of us aware of these services.

-Pramod

Reply
Sekhar

Good guide Enstine, being new to blogging there are many leanings for me. I would like to implement some methods explained here to speed up my blog.
Sekhar recently posted…Top 10 Most Expensive Android AppsMy Profile

Reply
Aditya Nath Jha

I agree bro. Having the right theme is an absolute necessity! Without that all optimization strategies go in the drain. Because only having a good coded theme allows us to minfiy it and properly changed the position of the scripts, otherwise the theme layout breaks and all effort goes wasted!
Keep coming with more such speed related articles!

Reply
Erik Emanuelli

WoW, Enstine!
Google PageSpeed 99% grade is an amazing goal!
Thanks for sharing this interesting guide on how to achieve a fast loading wordpress site.

Reply

Leave a Reply:

CommentLuv badge