How To Optimize WordPress Website Speed

Nowadays, not any single person can’t afford to waste a single second on the internet. WordPress is a very popular and great platform to build a website of your choice. In the fastest growing IT industries Speed of the website really matters a lot, Particularly when it comes to the loading time.  If your WordPress website is very slow and forces visitors to wait for even a few seconds, that create a bad impact on your’s on the visitors and know about optimize wordpress website speed.

Fortunately, every problem has a solution. There are many ways to avoid such kind of slower speed of the website. For speed up, your site in a more reliable way, WordPress as a CMS platform offers many options. Although you are not aware of how to speed up your website, you can use several methods to improve the loading time of the website.

In this guide, we’ll demonstrate what you can do to optimize your WordPress website and improve the speed of the website and boost performance. We want to share knowledge as much as possible, so let’s Get started how to optimize wordpress website speed!

Install a Caching Plugin.

What is cache?

Before going to use a cache plugin, you must know the meaning of cache and how it works actually?

In computers, information is usually stored on a hard disk. A computer needs to pass through several processes when a particular request arrived. The cache is a collection of temporarily stored data for quick access upon request. Caching solves the above issue by accessing data or file quickly by storing it into temporary storage.

Here, are the Best WordPress Cache Plugins

  1. WP Fastest Cache
WP Fastest Cache

WP Fastest Cache

This plugin is fast, spontaneous and having 1+ million downloads still maintain a five-star rating.

  1. WP Super Cache
WP Super Cache

WP Super Cache

This plugin is the most popular caching plugin, as it’s both freely available and very simple to configure.it has over a million active installations and a rating of users are 4.2 out of 5 stars. It’s especially effective at keeping your server from slowing to a crawl or even overloading during the large traffic spikes that can occur if your blog hits the homepage on Reddit or is featured on other popular sites.

Optimize Uploaded Images

One of the major issues on your sites’ resources is uploaded images. They are very important for making your site look amazing and for enriching your text content, but the main problem is, images occupy server bandwidth and space. This is very true if your site contains high-quality images, as an online store or portfolio.s

If the above description fits your website, so the optimization of images must necessary for the website. The large size of the file creates a negative impact on website loading time and usage of bandwidth.

Image optimization is the process of reducing or compresses the size of the image without negligible affecting the quality of images. This is easy to implement.

You can optimize the images in WordPress by using the several following plugins, that enable you to optimize images automatically when you upload them to your WordPress site. 

The following image optimization and  compressions optimization WordPress plugins help to increase your SEO rankings without an effort – while uploading images on a website or optimizing the old ones just with the one click.

1.WP Smush

WP Smush 2019

WP Smush 2019

This plugin allows you to upload images normally while it automatically optimize image you upload and you can also go through into the settings of the plugin.

2.EWWW Image Optimizer

.EWWW Image Optimizer

.EWWW Image Optimizer

This plugin will increase your page speeds by way of image optimization. Increased page speeds can result in better search engine rankings, and will also improve conversion rates (increased sales and signups). It will also save you storage space and bandwidth. 

3.Lazy Load Optimizer

Lazy Load Optimizer 2019

Lazy Load Optimizer 2019

This  is a free plugin which lazy loads images, iframes in order to improve pagespeed. This plugin can lazy load images of  any posts, pages, custom post types, widgets and image gallery etc. This plugin is also a WooCommerce compatible hence it can lazy load product images, product category images in WooCommerce sites.

In addition to that, the plugin improves PageSpeed Insights score, by fixing defer offscreen images error.

How to Leverage Browser Caching in WordPress without Plugin.

What is Leaverage Browser Caching?

Meaning of Leverage Browser Caching is for how much time taken by a browser to locally store the cacheble resources(i.e. Images,css and javascript) of a website. So,that browser needs to download only updated resources while navigating the same website. As a result, the loading speed of the site improves. 

If you are getting a “Leverage Browser Caching” recommendation in Google PageSpeed Insights, GTmetrix or Pingdom etc..Just copy and paste the following code to the top of in your wordpress  .HTACCESS file

## Begin EXPIRES CACHING – WpFASTER ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image/jpg “access 1 year”

ExpiresByType image/jpeg “access 1 year”

ExpiresByType image/gif “access 1 year”

ExpiresByType image/png “access 1 year”

ExpiresByType text/css “access 1 month”

ExpiresByType text/html “access 1 month”

ExpiresByType application/pdf “access 1 month”

ExpiresByType text/x-javascript “access 1 month”

ExpiresByType application/x-shockwave-flash “access 1 month”

ExpiresByType image/x-icon “access 1 year”

ExpiresDefault “access 1 month”

</IfModule>

## End EXPIRES CACHING – WpFASTER ##

iF the above one is not working then paste the following snippest instead of the above one.

## Begin EXPIRES CACHING – WpFASTER ##

<filesMatch “.(css|jpg|jpeg|png|gif|js|ico|woff|woff2|ttf)$”>

Header set Cache-Control “max-age=2592000, public”

</filesMatch>

## End EXPIRES CACHING – WpFASTER ##

If you use CloudFlare you can bypass your messing with your .HTACCESS altogether and leverage browser caching for WordPress using the following two Page Rules:

Cloudflare Page Rule for wp-content:

  1. Enter your domain name with an asterisk in front of it (no www., no http or https, etc)
  2. Add “/wp-content/*” (no quotes) to the end of your URL.
  3. Click “Add a Setting” and select “Browser Cache TTL” and select “a year”.
  4. Click “Add a Setting” and select “Edge Cache TTL” and select “a month”.
  5. Click “Add a Setting” and select “Cache Level” and select “Cache Everything”.
  6. Click “Save and Deploy”.

Cloudflare Page Rule for wp-includes:

  1. Enter your domain name with an asterisk in front of it (no www., no http or https, etc)
  2. Add “/wp-includes/*” (no quotes) to the end of your URL.
  3. Click “Add a Setting” and select “Browser Cache TTL” and select “a year”.
  4. Click “Add a Setting” and select “Edge Cache TTL” and select “a month”.
  5. Click “Add a Setting” and select “Cache Level” and select “Cache Everything”.
  6. Click “Save and Deploy”.

How to disable ETags??

Sometimes, sending ETag headers creates a negative effect on performance of website. Just follow the below steps to disable this.

Step 1: Unset ETag and set Cache-Control headers

This step ensures that all ETag headers are unset (first line). Then it sets some basic Cache-Control headers to help optimize performance. So first step: add the following directives to your site’s root .htaccess file:

<IfModule mod_headers.c>

Header unset ETag

<filesMatch “\.(ico|jpe?g|png|gif|swf)$”>

Header set Cache-Control “max-age=2592000, public”

</filesMatch>

<filesMatch “\.(css)$”>

Header set Cache-Control “max-age=604800, public”

</filesMatch>

<filesMatch “\.(js)$”>

Header set Cache-Control “max-age=216000, private”

</filesMatch>

<filesMatch “\.(x?html?|php)$”>

Header set Cache-Control “max-age=420, private, must-revalidate”

</filesMatch>

</IfModule>

The Cache-Control rules we are using here are pretty basic, so feel free to beef ’em up with something more robust. The main thing here is to unset the ETag header (first line), and then also make sure that you’re sending 

Cache-Control headers with each response. The far-future expires headers eliminate any need for ETags.

Step 2: Disable ETags

Now that we’re sending far-future expires headers (previous step), we can disable all ETags that otherwise would have been sent by the server. So last step: add this line after the previous set of rules:

                        FileETag None

That’s all there is to it. You can verify that ETags are not being sent using an online tool or browser extension that examines request headers. Performance boost, here we come!

We will be happy to hear your thoughts

Leave a reply

Register New Account
Reset Password