Speed Up WordPress Website Complete Guide Step by Step 2020

WordPress is the most popular solution to create your personal website or your business website and WordPress is a popular CMS. WordPress powers over one-third of the online. Recently, a 37% website has constructed by WordPress. However, a couple of days ago, I’ve researched the internet in regards to the WordPress website and I discover out that the most typical and very important problem is WordPress Website loading slow. A visitor won’t need to visit a slow website any day and guests don’t come back to your Slow website so, You shall be lost the visitors and income.

Amazon calculated that for each second load of more, it would lose 1.6 billion dollars in gross sales in a year. So, I honestly consider, You should pay attention to your WordPress or WooCommerce website speed. In this tutorial, I want to share with you the Speed Up WordPress Website Complete Guide Step by Step. Instead, all you need is a couple of quick tools and your WordPress website will rapidly improve its speed, much to the delight of your visitors. The excellent news is speeding up your website does not take much technical ingenuity.

• Choose a better web hosting
• Use a lightweight WordPress theme
• Resize and Reduce image sizes
• Delete unnecessary images
• Optimize JS and CSS files
• Use a caching plugin
• Use a CDN
• Enable GZIP Compression
• Reduce the third-party scripts
• Cleanup Website database
• Deactivate and delete unnecessary plugins and themes
• Disable pingbacks and trackbacks

The major factor that influences the speed of a website is the hosting of your WordPress or WooCommerce website. Without Hosting you couldn’t run a website. So, You should need to choose to host on your website if you want to run a website. The best website hosting can carry plenty of revenue for you. There are numerous web hosting provided availably available on the market. You can choose one hosting for your business website. If, you want my suggestion then, I would like to recommend the following hosting to your WordPress Website or WooCommerce Website.

• SiteGround
• Bluehost
• WPEngine
• DreamHost
• HostGator

I strongly suggest, use the highest quality WordPress theme on your website and don’t use any nulled theme. You can use a free theme on your website. I would like to recommend with you the following WordPress themes for your website.

• Avada
• The7
• Flatsome for eCommerce website
• BeTheme
• Newspaper
• Enfold
• Divi

You could use there may be plenty of images on your website or it’s essential to use plenty of images on your website.

Example: when you run an eCommerce or Dropshipping website then you’ll use plenty of images for your online business website.

The very first thing it is advisable to know is which image type works best for a specific file type. Without getting deep into the weeds, JPGs and PNGs work differently and each file type lends itself to more environment-friendly loading when visitors access your web page.

Image optimization on your site is essential as nicely. These optimizers will trim the fat out of your images. In fact, optimizing your images will reduce the clutter the image contributes to your WordPress website by up to 95% per image. Here’s what that means in real numbers. Let’s say an image is 523 kB. An image optimizer clears out the clutter and resizes the image, essentially. Reducing an image of this measurement by 25% means your website now only has to manage an image the size of 392 kB as an alternative. This might not seem like quite a bit, however, when you add it up over all the images on your website, you’ll be astounded at how a lot of speed-reducing clutter has been removed from your WordPress website.

However, I would like to recommend with you the following images optimization plugin on your website. This plugin free and the most effective image optimize plugin.

• Compress JPEG & PNG images

When you completely install and active Compress JPEG & PNG images plugin and this plugin will show how many images you’ve used on your website and how many images you have uploaded in your webserver.

To Check Go to admin panel to Media

So, You should remove unused images from the webserver. Learn more here how to remove the unused images from the Web Hosting. How do I delete all UNUSED images from my uploads directory

Minification is a great word, but is simply nothing more than removing worthless characters, waste in a text document, such as white space, new lines, comments and block delimiters in HTML, JavaScript, and CSS files.

To be clear, these features significantly improve these files for human readability, but are completely useless for computers and web browsers to deal with. Removing unnecessary characters and redundant code can greatly speed up WordPress by reducing the size of the page by a huge number of kilobytes.

So, You should use the best caching plugin for your website. I would like to recommend the following caching plugins for your website.

• W3 Total Cache
• WP Rocket
• WP Fastest Cache
• Autoptimize

W3 Total Cache, WP Rocket, and WP Fastest Cache is the most effective caching plugin for WordPress Website but Autoptimize is perfect for optimizing JS and CSS files. If you might want to take away Leverage Browser Caching or Defer parsing of JavaScript warning then it is best to use Autoptimize.

If you’re searching for simple caching, try WP-Rocket Plugin. This is an easy tool from CDN considerations and will help you make your website appreciably faster in minutes.

Understanding How to Cache
There are a couple of considerations when web page caching, but unless you have an e-commerce website, it’s pretty easy to gain much in the way of speed from your WordPress website. Caching is pretty easy – instead of doing the process of generating a page each time someone accesses your website the caching process takes a copy of the page after which gives a replica to all subsequent parties heading to that page. This process makes your website run 2–6 times faster.

If you could have an excessive traffic website or high-level website, then all those user requests will slow down your website. So, You can use a CDN (Content Delivery Network) on your website. But, it’s best to use any premium CDN and I don’t want to recommend any free CDN package.

• MaxCDN
• Cloudflare
• StackPath
• KeyCDN

StackPath CDN recommended by W3 Total Cache and if you use WP Rocket caching plugin for your website, then I would like to recommend KeyCDN. So, You can find here how to use KeyCDN with WP Rocket. SetUp key CDN for WP Rocket.

When a user accesses your website, a call is made to your server to provide the requested files. The larger the file, the more it will take for the full page to load. Gzip compress works for your web pages, and it creates the style sheets before they are sent to the end-user.

A Caching plugin includes the GZIP compression function. After activating a caching plugin you can active GZIP compression from the plugin setting. or add the following codes in your .htaccess file.

Remove third-party scripts from your website

• YouTube Video
• Google AdSense Ads
• Facebook Like box
• Instagram Widget
• Disqus comments
• Facebook conversion tracking pixel
• Google Analytics

Read Third-Party Performance on Your WordPress Site

If anything, your WordPress database will become disorderly over time. To make it squeaky clean, you want to clean plugins, leftover tables uninstalled, and delete overhead. The process of cleaning your website database can be performed manually by PHP My Admin, but it is difficult and harmful if you do not know how to use it. If you are not an expert in technology, installing a plugin to do this task is the safer way to go. WP-Optimize – Clean, Compress, Cache of the advanced database create safety for your database and get rid of things like the older versions, the comments of spam, MySQL queries, and more.

Unless you follow a minimalist way of life, over time, all of us are inclined to accumulate muddle. These unnecessary things should be cleaned from time to time. You should do this thing on your blog also.

Remove unused plugins and themes. Not only unused plugins and themes have security vulnerabilities, however, but they will also affect the performance of the WordPress website. Here, web hosting also plays a very important role.

Pingbacks and trackbacks are two core WordPress elements that alert you whenever your blog or page receives a link. It might sound useful, but you can check the page links from the Google Webmaster Tools. So, you should remove it. Because it can barrier your website speed.

Also, keeping pingbacks and trackbacks can also put an undesirable amount of strain on your server resources.

You can turn off the WP-Admin → Settings → Discussion.

• Increase WordPress Memory
• Disable The Cron File
• Detect High RAM Consumption
• Use WordPress HeartBeat
• Use WordPress Thumbnails
• Expiration Of Images Or Specify A Cache Validator
• Remove Query Strings From Static Resources
• Remove Browser Caching – Add Expire Headers to WordPress
• Google fonts asynchronously by using Google
• How to Remove Defer Parsing of JavaScript Warning (Manually)

To increase it you must edit the wp-config.php file that will be in the public_html folder and insert the following into:

To Disable it you must edit the wp-config.php file that will be in the public_html folder and insert the following into:

Sometimes the problem does not come from the consumption of CPU, but from the high consumption of RAM. WordPress just like any other program runs in RAM. If there is any plugin that is consuming more resources from the account, then the web will load slower.

So we have to see which plugin is consuming too much RAM. You have to know that there is no plugin that tells you how much RAM a plugin consumes. There are some, but they are complicated to understand and do not give you simple data.

But I have discovered a way to know more or less the RAM consumption of the plugins. It is enough that with having activated the Server IP & Memory Usage Display plugin and we are deactivating plugins and seeing how the memory is going down to know what they consume.

You can use WordPress HeartBeat function for your website. If you use the WP Rocket caching plugin, then this plugin includes WordPress HeartBeat function. You just need to active.

You can have several sizes configured and when you upload an image in for example 1200 × 800, one of 600 × 300, another of 150 × 150, etc. is created. This obviously depends on the sizes you have configured. But it also depends on the template, because these also usually bring some predefined sizes incorporated.

Add the following Codes in your .htaccess file

Read Details here

Add this PHP codes in your active theme function.php file below.

Every WordPress caching plugins include Browser Caching – Add Expire Headers to WordPress function. Or if plugin not working, then add the following .htaccess file.

You could load your Google fonts asynchronously by using Google’s Web Font Loader. place the following code below in your footer.php file.

Check here details Load Google Fonts Locally In WordPress And Optimization Google Fonts

Async Google Font Loading

Loading Google Font asynchronously with JavaScript script tag

Loading Google Font asynchronously with a script and preload tag

Loading google font asynchronously on slow connection causes reflow

There are a ton of WordPress plugins available to remove defer parsing of JavaScript in WordPress Website but I’m listing just a few plugins.

• Autoptimize
• Speed Booster Pack
• W3 Total Cache
• WP Rocket

Add the following code snippet in functions.php file.

When you embed a YouTube video or Vimeo video, it creates an iframe and hundreds a number of resources.

• Downloads an HTML, CSS, JavaScript files that are greater than 500KB
• Extra DNS lookups to www.youtube.com, i.ytimg.com and many others
• Render blocking JavaScript

Render blocking YouTube scripts

500+KB downloaded by YouTube

I believe that made clear these embeds are slow. Let’s see some suggestions that can speed up YouTube or Vimeo video embeds in WordPress Website.

• Remove Videos

just fun

• Lazy Load Preview Image

Just like lazy load images, you can even lazy load videos. By doing so, only a placeholder image will likely be loaded. All the required scripts, iframe, video player, etc can be loaded only after the user clicks on the play button.

Lazy Load Youtube/Vimeo Videos in WP Rocket
See the attached file and WP Rocket setting

Lazy Load Images or Videos Using Plugin

• Lazy Load – Optimize Images
• WP YouTube Lyte
• Lazy Load for Videos

Embed Video in WordPress

I always suggest, don’t use direct Youtube Video on your website. Example: if you use a Video slider using the Slider Revolution. So it is best to use the Video from the WordPress Media Library.

Step: First, download the video from YouTube. 2nd, Remove the Video link from the slider.
Last step: Use the Video from the WordPress Media Library. Learn More here: How to Add Video in the Slider Revolution

I actually consider, If you observe my suggestion, then your WordPress Website or WooCommerce website performance will be super fast. So, if you have any questions, please feel free comment to bellow.

Download Free PDF (eBook)

Get the ultimate guide to WordPress speed!

Learn how to optimize WordPress or WooCommerce website speed. Free eBook 21 Expert Tips to an Ultra-Fast WordPress and WooCommerce website.

Download ebook for Free

Source: siteground.com

The greatest advantage of reducing your website’s loading time is that it’s going to assist improve user experience and improving SEO. It can be mobile devices or PC. Furthermore, it’ll also improve your Website Search Engine rankings on Google search and reduced hosting bandwidth usage.