...
How To Speed Up Your WordPress Website

How To Speed Up Your WordPress Website

How To Speed Up Your WordPress Website

I know, its frustrating when your website is slow. I myself have had this struggle. I remember going to google and grabbing images and later on finding out my website was slow. I thought I did everything in order to fix my slow website. Trust me, I have been there. I created this guide to help you all speed up your WordPress website in detail. When managing your WordPress website, there are several factors to consider like plugins, hosting, images, and Javascript so I will cover each one and give you some tips…. Actually, no. Lets FIX your WordPress website and make it faster today. Ready? Lets start.

1. Keep Pages Under 3MB.

 

Keep Pages Under 3MB

 

My total homepage page size is 2MB

What does that mean? 

Every time you add an image, CSS, or javascript your page gets heavier. The more content you have on each page, the longer it loads. Your website speed can depend on the server. If you are hosting with companies like hostgator or ipage, than your website will most likely load slower. However, if your website is being hosted with liquidweb or namehero, your website will load faster by default. Different hosting companies load slower and faster mainly due to the server specifications.  

Lets go back to the main point. Keep images on your WordPress Website around 100-50KB in size or under. No image on your website should be more than 200KB. 

Wordpress speed optimization

 

The size of each content type: images, css, and fonts

The above image shows the size of the content by content type. My WordPress website carries around 1MB of images which is good and another 1MB of CSS and Java which is ehh. So remember this, the more flashy stuff you have on your website, the slower your website will load. This is called Javascript. You want to avoid javascript as much as possible and substitute it with CSS because it doesnt involve rendering. 

The image of the left side is my website being measured by pingdom. My home page loads in under two seconds which is a good speed to be around. Sure I can further optimize every page, but as long as the website loads fast enough for my visitors, I think thats all I care about. Remember, google says any website that takes longer than 3 seconds to load will lose 50% off their traffic, yikes!

So remember, your total page size should be under 3MB in order to ensure a website with good load times.

2. Get Reliable Web Hosting

 

Speeds from various web hosting compaines

Take A Look At My Speed Results From Different Web Hosting

I started this blog because I would always scour the internet and go with recommended hosting that affiliates were recommending. I got screwed. Let's be real, affiliates blogs don't care about whether or not your website is fast, they only want to make a commission from you. 

I was fed up and wanted to change this. So what did I do?

I recorded the performance of 25 different web hosting companies and used pingdom to track their speeds and uptime. I then displayed the results and started recommended only the best web hosting companies. You can see a list of companies I recommend on my youtube video here. 

3. Image Optimization

 

Reduced my image from 714 KB to 76KB.

Do not add random images to your website. Make sure they are well sized under 100KB.

This is the #1 most common mistakes with noobs making wordpress websites. If you are adding random images from google, you can be certain your website will be slow, so dont this.

Instead, optimize every image on your website to prevent your website from loading slow.

  1. Ensure your images are under 100-50KB to ensure faster load times. 
  2. Try and avoid PNG files. I do have some PNG files on my website but I tend to avoid them. The main reason why to avoid PNG files is they are larger than JPEG and can lead to more server requests resulting in a slower website. 
  3. Try websites like TinyJPG. TinyJPG can convert your PNG to JPEGS and also reduce the image size of your image by up to 90%. The comparison on the left is two images before image optimization. By simply uploading my image to tinyjpg I saved 600KB of space on my page! However, I still have work to do, the image is still a PNG file so I can further optimize if by converting it to a JPEG.

If you need help with image optimization on your personal images, I would recommend going to fiverr and asking someone if they can further optimize images for you. My website has a designer that reduces the image sizes as much as possible without losing quality.

So remember folks, keep those images small! 

4. The 10 Plugin Rule

 

You can see what the plugin is loading

Lets keep this simple, adding too many plugins to your WordPress website will slow it down.

 If your website is on shared hosting, you should stay under 10 plugins. Quite frankly, if you are adding too many plugins your site will have more problems than it will solve.

Think of your website like a car and plugins are weights. The more weights you have on the car, the slower the car will run. This is the same example with WordPress plugins. 

As you can see, plugins that load a lot of javascript like the slider revolution and GTM plugin are adding weight to the page. 

Security plugins for WordPress WILL slow down your website. I have seen security plugins overload servers and just put too much strain on them. I would avoid security plugins. 

5. Add A Caching Plugin

 

Caching Plugin

 

A caching plugin i use on my website

What does a caching plugin actually do?

A caching plugin create static HTML version of your pages from your website and saves it on your web hosting server. Every time someone visits your website, your caching plugin create a “replicated version” of your website with an HTML page instead of processing the comparatively heavier WordPress PHP scripts. In short, it creates copies of your websites so your server does not have to load your website for every single visitor. 

I personally use wp-rocket on this website. It not only helps cache my website, but minimizes CSS and Java. It also offers lazy load to help reduce the strain on my server. You can buy it here.

Help your website relax and get a caching plugin.

6. Reduce Java + CSS

 

Reduce Java + CSS

 

50% of my homepage is javascript and CSS

Why reduce javascript and css on my website? 

A beginners biggest mistake is adding flashy animations to their website. I know, it looks great. The main issue with these flashy animations on your website is that is will slow down your WordPress website. 

Having too much JavaScript and CSS on your website increase the amount of server request resulting in a slower load times. When a user visits your web page, the browser performs several requests to load  javascript, css, and images. In short, increased server requests can significantly increase the page load speed causing your website to be slow.

See the left image? I have around 50% of my website loading javascript and css. I minimized the javascript as much as possible to make the website load faster.

So remember, the more flashy your website, the slower it may become!

7. Reduce Requests

 

Speed up WordPress site

 

Keep your requests under 80 for optimal performance

What does a server request mean?

An HTTP requests is when a web browser sends a “request” to your wordpress website's server in order to get information on what is on your website.  When a user visits a page on your website, your server needs this request and returns the files contained on that page to the user's browser. The fewer HTTP requests a website has to make, the faster the site can load.

What triggers HTTP Requests?

  • Plugins will cause HTTP requests.
  • Too many images
  • Too much javascript

By adding these small practices to your website, you will be able to make your website load faster. 

8. Use A CDN

 

Speed up WordPress

 

A CDN spreads your website WorldWide


First, What is a CDN?

A content delivery network (CDN) is a variety of distributed servers all around the world that stores files accessed by website visitors. Basically, a CDN creates ” replicated versions” of your website and spreads them all over the world to other servers. As a result, users from around the globe do not have to access your specific server but servers located closer to your visotors reducing the physical distance it takes them to reach for your server.

To be honest, a CDN wont help your website speed too much if your users are local. If you are a local web design company trying to get local clients, a CDN wont help much. A CDN is more specially for websites that have a global reach like a large blog or large ecommerce website. 

Try to identify why your website is slow.

It can be frustrating when your WordPress website is slow and you do not know why. Most beginners getting started out with making websites quickly blame the server they are using, but when in fact slow websites are due to poor image optimization or having too many plugins. If you are still having problems with your website, try and visit my website resources page to see how you can improve your website speed.

And as always, stay fresh party people. Visit Website Resources

Related Posts
26 Comments

I was reading some of your content on this website and I think this web site is real instructive! Continue posting. Teddy Dukey Criswell

Devesh

Thanks for the practical tips. Btw can’t see the youtube video emed or link in the second point-“You can see a list of companies I recommend on my youtube video here. “

wow man thanks, updated!

student

thank you for your information! May I know what functional you use for check about the page speed?

i use pingdom, it helps monitor websites to show how FAST the server itself is

jnayeer

i am new but i dont see before like this all setting and every information on it to develop our website everything i got here like themes resources hosting woow.thanku sir.my wish that i want to become like you but please suggest me that how can i start from.i like this very much .thanku dear.

glad it helps big guy!

Jamez

Do you provide services such as building websites for clients?

i currently do not at the moment, i might be looking in to something like this soon

Leave a Reply

Your email address will not be published.

[]