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
# 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 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.
Use Asynchronous Code for Social Plugins
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.