How to Improve Your Page Load Speed of WordPress Site?

How to Improve Your Page Load Speed of WordPress Site?

With the launch of Google’s AMP project, the debate over web page loading time seems to have acquired a new ground altogether. Everyone seems to be in a maddening frenzy to optimize their site and reduce page load time.

1. Use a caching plugin

If you were using WordPress, one of the quickest and easiest ways to increase your page loading speed is to install a caching plugin like WP Total Cache or WP Super Cache. Of course, if you are using WP Engine, you can skip this point as they have caching built-in.

Both of the plugins mentioned above are free to download. Despite their name, caching plugins do quite a lot beyond browser caching, although that is their primary function. Using WordPress and looking to improve page speed quickly, it’s often easier to just install a plugin.

How to Improve Your Page Load Speed of WordPress Site?

2. Add expire Header

If you want to set Expire Headers for all of your image,js and css file you have to open and edit your .htaccess file and the following rule:

ExpiresActive On
ExpiresDefault A2592000

FilesMatch sets the file extensions that are affected by the ExpiresActive rule while the ExpiresDefault sets the cache time, when that time expires then your website visitor browser will request once more the files.

ExpiresDefault is access time (A) plus 30 days (2592000 seconds), so using the same rule you can set your own ExpiresDefault time(just be careful to calculate in seconds).

If you want to set a separate Expire Headers rule for each of your file types then you can use the following snippet on your .htaccess.

ExpiresByType image/png A2592000
ExpiresByType image/gif A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/javascript A2592000
ExpiresByType application/x-javascript A2592000
ExpiresByType text/css A2592000

3. Compress your images

If you’re using WordPress, install the WP plugin to automatically compress your images. This will reduce the size of your images without losing any visual quality.

Even you can use compressed images before you upload it. There are many online site available to compressed your images.

4. Minify your CSS and JS files

When you look at what’s causing your pages to load slowly, chances are that it’s got something to do with lots of clunky Javascript files or CSS being loaded inefficiently.

There are several ways to minify your files mainly you can do with online. For instance follow this online tool

5. Put CSS at the top and JS at the bottom

It’s considered best practice to put your CSS as close to the top of your pagethat’s in header. Javascript, on the other hand, should be as close to the bottom as possible that’s in footer.

6. Delete unwanted or unused plugins

With WordPress sites, plugins are usually the biggest culprit for slowing the site down. If there are any plugins that you’re no longer using or aren’t essential, delete them.

7. Use CSS Sprites

A sprite is one big image that contains all of your images. They look similar to those sticker sets you used to get with one hundred stickers on a single sheet. Using CSS you can ‘hide’ everything in the image except for a section between a set of co-ordinates.

The fastest way to use CSS sprites is to use SpriteMe or Instant Sprice, which is a tool that enables you to easily turn all of your images into a CSS sprite.

8. Replace PHP with static HTML where possible

PHP is great for making your site efficient and reducing the need to enter the same information multiple times. However, calling information through PHP uses up server resource and should be replaced with static HTML where it doesn’t save any time