Improve WordPress site PageSpeed in Simple Steps

pagespeed

Site PageSpeed is one of the important factors for better traffic not only for SEO but for a better user engagement experience. Use the following quick and simple steps to improve WordPress site PageSpeed.

Working on using the right keywords is also important. Today, quality is most important than anything else. However, filling the gaps as much as possible to make your blog perfect will always help. Quality content can be built with using the right keywords that people are generally using to search information or which comes handy to them.

Install a Caching Plugin

The plugin W3 Total Cache caches and compresses files to reduce page download time. I have seen great improvements in the page load time in the Google’s PageSpeed Tool.

Modify your site’s .htaccess File

Login to your site’s file manager and edit .htaccess file (backup the file first!). Then copy the below code and paste in the top of the .htaccess file. This is to improve on Leverage Browser Caching PageSpeed factor.

##### EXPIRE CACHING - LEVERAGE BROWSER CACHING #####

# Enable expirations
ExpiresActive On

# Set default expire time
ExpiresDefault "access 2 week"

# Specify expire time by file type
ExpiresByType image/jpg "access 1 month"
ExpiresByType image/jpeg "access 1 month"
ExpiresByType image/gif "access 1 month"
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType image/x-icon "access 1 month"

## END EXPIRE CACHING ##

Use Asynchronous Code for AdSense

I use WP Insert for inserting ads on the pages, it helps me manage the ads easily from time to time. Ensure that you are using Asynchronous AdSense Code.

To get the Asynchronous AdSense Code, goto your Google AdSense Account, My Ads then click on Get Code for the Ad of your choice. In the overlay popup, click the dropdown and select Asynchronous as shown below. Currently they are in BETA phase, but it works well on my website. Copy this code and paste it either in WP Insert or whatever plugin you use for AdSense or directly on the page as per your convenience.

asynchronous adsense configuration

Use Asynchronous Code for Social Plugins

Social plugins add a lot of overhead of Javascript and CSS contributing in more load time of the pages. Using asynchronous plugin like Async Social Sharing may help you reduce the overall load time of the page of your WordPress site.

To improve the PageSpeed for the factor Eliminate render-blocking JavaScript and CSS in above-the-fold content, you will need to ensure that the Javascript and CSS are not blocking the page load meaning the rendering of the page is not blocked while these asset files are loading. The solution to this is to move the JS and CSS files towards the footer of the page so that they load after above-the-fold content is loaded. Above-the-fold content means the content that is present in the viewport (which is not below the visible screen). I have added Footer Javascript Plugin for the same.

Compress Image with Smush.It Plugin

The images can be compressed without losing (visible) quality using the plugin like Smush.It. To smush already uploaded images, Go to Media >> Bulk Smush.it. It takes couple of mins depending upon number of images your site has in the media library but it compresses the images contributing in better PageSpeed.

Lazy Loading of Images

Lazy loading of images can significantly improve in user experience. It loads the images as they appear in the viewport. This means that the images which are not visible in the current screen are downloaded when the user scrolls down to that area of your page. You may use JQuery Image Lazy Load Plugin for this.

Minify CSS / JS

If you have any custom CSS or JS of your own, you can first minify using online tools then upload it to your WordPress site.

That’s all! Now check your site’s PageSpeed Insights and let me know if you got any improvement.

Interesting Links

About the Author

aditya bajaj
Music and Blogging get my love.

1 Comment on "Improve WordPress site PageSpeed in Simple Steps"

  1. Nice article for improving page speed. You can also use P3 plugin for checking if any plugin is using much space and is overloading your website. 🙂

Leave a comment

Your email address will not be published.


*