Go from Orange to Green in Google Page speed Insight | 4 Quick Fixes
Fast loading page improves user experiance hence leads to good SEO. I know I know, you already know this! right? But can you explain your bad numbers on google page speed? here are 4 quick tips to speed up WordPress Website in a flash
I know about SEO. I’m cool I’ve got W3 Total Cache
It is heart breaking to see your speed test turn red or yellow after all you have done to optimise your website. What else can I do? you ask. Well this is where this post fits.
This is an “Easy Tutorial“. So let’s keep it simple.
“One Golden rule-W3-Total Cache or equivalent is not the answer for everything, There is some more to do”
I am sure you have at least once used Google Page speed Insight or GTmatrix. Then you may have come across these terms. The basic advices they give to speed up WordPress website.
Leverage browser caching.
Enable gzip compression
Optimize CSS and Java Delivary
Yes these are the once we get stuck at specially when we are beginners. I did. But I learnt below tricks and I am glad I did. They improve my website speed significantly from 66% to 89%. Just by doing these quick fixes. So lets start
Lets Speed up WordPress Website Easy Way
Start the timer this really is gonna take only a short time. You can thank me later!.
Two Plugin installations.
Two htaccess modifications.
STEP 1 Install Autoptimize and activate
This really is a life saver. This alone will contribute hugely to your page speed and all you have to do is tick three boxes.
You know how to install a plugin right? If not read my post about installing plugins here.
Then go to plugin setting page and tick the boxes for
Optimize HTML code
Optimize CSS code
Optimize Java Scripts
….and save. Thats one done!
Just install the plugin and stay back and see the work. It loosely compress the images to reduce the file size keeping the image quality as it is. Initially you may have to optimise the images you have already uploaded. After the installation, every image you upload will be automatically optimised.
“Now access the root of your site via FTP or cpanel of your server and locate .htaccess file”
.htaccess file live in the root folder of your site. This is usually hidden and you may have to select “show hidden content” option in the beginning. If in doubt ask me or ask the server customer team
Once you locate it, click on edit.
STEP 3 Cut & Paste this code For Leverage browser caching
## EXPIRES CACHING ##
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 application/pdf “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 2 days”
STEP 4 Cut & Paste this code For Enable gzip compression
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0 no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
The code and the technical words might scare you. But you really don’t have to go in to details or learn much about the works of it. Just follow the instructions and do it. It works you will see the difference when you check your speed again. This is how I speed up WordPress website I have.