Improve google pagespeed

Improve google pagespeed

A high speed webpage is the most essential factor for improving user experience. Is has been observed that page speed also plays a pivotal role to boost the search ranking of a page. It is also one of the first things to fix in any seo tech audit.

For any webpage you would easily get the pagespeed suggestions from the pagespeed insights tool of Google. Here is the url https://developers.google.com/speed/pagespeed/insights/ . Simply enter your webpage url in text box and you are set to go. Google will report all the points which can be improved on your webpage and finally give your webpage a score out of 100. It reports for both desktop and mobile webpages. Try to keep the pagespeed of your website above 90 as far as possible.

Here are a few tips that can help you to improve pagespeed:

  • Image optimization : Lossless compression of all the article and site images goes a long way in boosting the pagespeed. There are many free online tools which help you do this. One such popular and tested one which I would recommend is kraken. If you have jpeg images then go for compressjpeg
  • Lazy loading of images: If you have a huge page having a lot of images. So it it not necessary to load all of them in one go. You can gradually load the images when the user scrolls the page. Initially only the images in the first fold would be visible. As the user scrolls down, gradually the images coming in the viewport would be visible. This concept is known as lazy loading. There are a couple of javascript plugins which help you do this. If you are running a wordpress site, your task is much easier since wordpress has some plugins for lazy loading which if installed you may not have to tweak the code much.
  • Defer loading of javascript: Javascript created a lot of render blocking issues. Until the entire js is loaded completely the rendering is stopped. So if we have a big js file then this creates a problem and affects pagespeed. So what we can do is, separate the js file, one containing the js which is needed on initial load and second which contains the ones which can be loaded later. The second file can be defer loaded
  • Create image sprites: Instead of wasting a network call for loading each image, we can combine smaller images to image sprites. With this, instead of multiple calls of multiple images, we can settle down with a single call which saves network bandwidth
  • Implement caching: Rather than going through the entire php procedure we can cut it off for similar type of requests using the concept of caching. When a result is cached and a similar request comes, then instead of using the php engine to process the request, we can simply pick up the data from cache. This saves a lot of time and tremendously boosts the pagespeed.
  • Reduce Server response time: If google pagespeed insights highlights that the server response time of your website is high then it is time to analyse your code to find major performance bottlenecks. Find out which section of your website takes most of the time. Then you can either optimize the code to improve the response time or you can defer load that section if it does not affect user experience adversely. For example, say you have a widget in your sidebar which goes for a couple of third party calls for fetching the data. Since this widget is not that important and does not hamper the initial load experience, you can defer load the entire widget which will bring down the server response time.
  • SEO

    Nice post

    • Roshni

      Thanks 🙂 Stay tuned for more information

Comments are closed.