Optimize WordPress Website Speed Beginners Guide

I assume you’ve just started your WordPress website and you want to optimize it. This is Full Beginners Guide on how to Optimize WordPress Website Speed.

Why Website Speed is Important?

There is a lot of reasons why Speed is in Top 3 most important things on your website.

Start from yourself. When you trying to open some random website and it takes more than 10 seconds to load, you’re probably exit the page immediately. Nobody likes slow sites.

In last 5 years Google care about User Experience and penalize slow and unsecured sites.

If you’re owner of blog or business website last thing you want is to get penalized by Google.

Remember a few things when you start your Website or Blog. Google is your friend and you always have to be one step ahead of your Competitors.

How to check your Website Speed?

Before you can do anything to Optimize WordPress Website Speed you have to check your currant website speed. There is a lot of places where you can test your website speed but I’ll mention a few good and Free.

1. Google PageSpeed Insights

This is one of many free Google tools. They will check your website speed on Desktop and Mobile Version. When you open PageSpeed Insights type your website URL and wait a few seconds for results. You don’t need to have 100/100 in results, but your results have to be better than average.

Here is results of our website DigitalBalkan

Digital-balkan-Google-pagespeed-insights-results-Optimize WordPress Website Speed

Our results on Mobile (orange color) are 75/100. We could make it better, but then some of our theme options doesn’t work properly.

2. GTMetrix

This is for me best place to test your website speed. They test your website with Google PageSpeed and YSlow.

Simply type in your website and click Analyze. Wait for results, here is ours.

Digital-balkan-GTMetrics-results-Optimize WordPress Website Speed

Our fully loaded page speed was 1,8 seconds.

And there is one more very good tool.

3. Pingdom

After Google PS and GTMetrix test Pingdom is nothing new except you have option “Test From” and you can choose between 4-5 locations and test your site from Europe, Us and Australia.

Type your website URL, pick location and wait for results. Here is our results

Digital-balkan-pingdom-results-Optimize WordPress Website Speed

There you go. You have probably test your Website speed successfully. Now we are jumping on Optimization.

How to Optimize WordPress Website Speed

Now that you have results from three this Websites, you can find every single reason why your website is slow or what is slowing down your website.

Most common optimization problems with WordPress websites are:

  1. Images
  2. Render-Blocking CSS and JavaScript
  3. Browser Catching

If you see this notification on Google PageSpeed Insights: Optimize images


How To Optimize Images in WordPress.

When you’re trying to Optimize WordPress Website Speed, First thing you have to take care of is large images. If you try to search “How to optimize images in WordPress” you will see 90% of results talking about plugin called Smush Image Compression and Optimization. But like most of free plugins out there, they will try to make you pay for their Pro Version of Plugin. Free version will not optimize your images correctly in most cases. But you can try it if you doesn’t have time to do this manually.

What I recommend you to do is to take your Images, go to Optimizilla and upload your images. They will compress your images, you’ll barely see the difference. Then download images and upload them on your website. After you done simply delete old massive images.

SEO Trick for Images

I will tell you one SEO trick that you can use if you decide to do this.

After you download compressed images from Optimizilla. Change name on every image and set it as same as post name that contain this image. For example if you have post “Most Exotic Places To Visit”, you should set your future image name “Most Exotic Places To Visit – Giant’s Causeway”. After you Upload this image with new name. You will see “Alt Text” Section in WordPress, now copy and paste the name of your image to Alt Text section.

Fix Eliminate render-blocking JavaScript and CSS in above-the-fold content Problem

Another problem you may see in your Google PageSpeed Insights recommended section is “Eliminate render-blocking JavaScript and CSS in above-the-fold content”

There is a way to fix this problem but keep in mind that this may disable some of your WordPress Theme options.

Let’s get into it. You have to install plugin called W3 Total Cache. After you Install it go to General Option, scroll down until you see Minify Section. Check Enable minify, for Minify Mode set Manual, Save settings.



Now go to WordPress Menu hover over “Performance” item, new menu will pop up, click on Minify.

Scroll down to “JS” section

First Line in Operations in Areas Before, set Embed Type to “Non-blocking using “Async” “.

Now there is section below called “JS File Menagment” and you have button “Add a Script“. click on it.

Now all you have to do is Copy Render-blocking JavaScript from Google PageSpeed Insights address and past it in here.

After you’re done with JS use same process with Render-Blocking CSS.

Other Problems

Most of problems that you get when you test your website speed can be fixed with W3 Total Cache Plugin.

Optimize WordPress Website Speed with free CDN (Content Delivery Network)

Now that you have W3 Total Cache Plugin there is one option that is really good for Website Speed Optimization.

For this option you have to be on Professional Hosting Services that have cPanel. Here you can find some of them Top Hosting Companies.

Go to your cPanel nad find CloudFlare option, it should be in Software section. Open it type your Website URL and click on “Provision Domain with CNAME Setup” button. After you finish with cPanel go to WordPess Dashboard hover over Performance item and click on Extensions tab. Install and Activate CloudFlare extension, type in your login info.

I forgot to say you should create account on CloudFlare website.

After you create account authorize your extension, and you have to wait about 24-48h until CloudFlare compress your website and start serving it on their servers. This all process goes like this. You let CloudFlare to put your compress your Website put it on their servers all around the world and serve it to your visitors from closest server. Website load time depend on server location, and CloudFlare have a lot of servers worldwide.

Why is my website Slow?

Plugins

Some of things that can slow down your website are Plugins that you have installed on your website (Activated or Deactivated). If you have plugins that you doesn’t need Deactivate and Delete them. If you have plugins that are currently running on your website for some purpose try to find the way you can do it without plugin if possible.

Hosting Service

You may have your website hosted on some slow hosting service company. Pay couple of bucks more for better hosting service, because this few more dollars can make big difference when it comes to user experience, customers and sales.

We have a very good list of Best Hosting Companies that you can check on this link: Best Hosting Services.

 

Summary

Here you go a lot of content about how you can Optimize WordPress Website Speed. I hope this will help you improve user experience and make your website or blog faster. If you’re having problems implementing this on your website you can Contact Us. We have affordable prices for this kind of services.

If you find this article useful share it with your friend, follow Us on social media.

Share on
2 Replies to “Optimize WordPress Website Speed Beginners Guide”
  1. Greate Post, very helpful, thanks and keep up. Cheers

    Leave a Reply