What is Google PageSpeed Optimization
Google PageSpeed Optimization is the latest kitty that Google has taken out of its bag and it has taken every SEO expert by surprise. This has become the foremost important point to Google's search algorithm. They have set a limit of the speed within which your blog or website has to be fully loaded else it will be penalized. In short, if your site is not fast enough, there is no point in wasting time over SEO or keyword research etc. In other words, loading speed of a website became on of the key factors of search engine optimization. Google also provided tools like Google PageSpeed Insight which tells you the problematic portions of your website and suggests ideas about how to fix them.
You can click on this link to check the speed of you blog at which it loads and what are the recommendations as given by google.
Initially I tried too many things but finally, I came to the conclusion that there are too main criterion which decide your blog's loading speed.
- Image size, type and compression: This is specially true if you are a travel blogger and you have many images in your blog posts. The best site which helped me achieving proper image optimization is https://gtmetrix.com/
Simply enter your blog's URL and it will generate a comprehensive report with respect to Google pagespeed optimization. It has generated the following report for one of my blog Ranjanstravels.com. My score in image optimization is quite high as I have already implemented what is required as per this site's recommendation.
If you click on "Optimize Images" in the first column it will show you the details of your images that need optimization. See below one of the images on my blog as encircled by red color.
It has found this non optimized image in your blog with its complete location and name of the image, which is
Right after this image link, it has provided you the optimized image with slightly different name. If you click on the "Optimized Image", you get the following new image location and the name:
You will notice that the optimized image name is name of the non optimized + _df76daf31b9f44353f26251df03e1138 and its location is, of course on gtmatrix.com's server.
Since now we know that our image has been optimized, let us see how to replace non optimized image on our website or blog by the new optimized image.
First you create a path on your computer's C: drive (ignore your website's name) as per non optimized image which in this case is:
Now click on the optimized image as given on gtmatrix.com and right click on the image. Click on "Save as" on the subsequent pop-up box. then select the folder C:wp-content/uploads/2017/09/ that you have just created and save it as cropped-Copy-of-CHCH-010 (Name of the original image. Delete _df76daf31b9f44353f26251df03e1138 that has been added in the optimized image. Now the optimized image is saved on your computer in the same path as your website's hosting server.
Now go the control panel of server where your website is hosted. I am assuming that you are familiar with these terms if you own a blog or a website. Open your file manager. Control panels provided by hosting companies are very similar with a few differences here and there. File manager of my control panel looks like below:
You will notice that I have browsed through my file manager as per the path provided by non optimized image. I have encircled this path by red color. Now simply copy the image C:wp-content/uploads/2017/09/cropped-Copy-of-CHCH-010 from your computer to the folder as shown above. Remember, my wordpress's root directory is at the folder named htppdocs. It will different for you and if you are not sure, you may call the help desk of your hosting company and find about it.
Repeat this process for all your non optimized images. Once you have completed the process, all images will disappear from the performance report of gtmatrix.com and all of your website's images will be optimized as per google pagespeed optimization.
Another advice is to use only jpeg images and not png images on your websites. You will find many plugins for doing this if you have your blog / website on wordpress platform, but I personally feel that this is the most efficient way of optimizing your images.
2) Second most important factor to increase the loading speed of your blog, is careful and efficient use of java script. Now, I am not a web developer but a blogger. I can not spend my time in doing all this. So, instead of solving this problem related to Java script, I circumvented it and it worked. I will share a few points that may work for you as well.
a) If you are using YouTube videos in your blog post, never ever use the embedded script provided by YouTube. Instead, take a snap shot of your video, and create a hyperlink for this image using your YouTube URL. Your loading speed will immediately go up.
b) When you are searching for plugin to create social buttons for your blog, search with the following terms:
"Java script free social links buttons plugin for WordPress"
You will be amazed to find many plugins which say that their plugin work without Java scripts. Use only those plugins and see your loading speed rocketing up like magic.
c) Be very careful of using complicated themes. Go for the simpler themes that do not have intricate header. This itself will increase your blog's loading speed. I have seen in general, that people browsing for information or products prefer simpler website pages rather than jazzy ones. Simple pages cause less distraction and your conversion rate also improves.
I have explained these points with my personal research and experience and I hope, it will help you achieve excellent Google pagespeed optimization. Do leave a comment if you have any comment or suggestion regarding google pagespeed optimization. I like to be proactive with my audience for mutual benefits.