Header Ads Widget

HOW CAN I SCORE 100 ON GOOGLE PAGESPEED INSIGHTS?

The first step is to head to the insight tool and put your URL in the box. Unless you have already worked your way through the results, you will no doubt be faced with a series of errors and warnings for you to fix. Even the most popular sites could make some improvements (at the time of writing webcreationnepal.com receives a 16/100 rating).
PageSpeed Insights is split into two sections - Mobile and Desktop. When measuring your site Google will access it using two different ways; a mobile-user agent and desktop-user agent. When accessing via the mobile-user agent, PSI tries to replicate mobile characteristics, such as screen size, network speed and device processing power. The desktop analysis does not take these factors into consideration and will generally produce a higher score, as page speed will not be restricted.

Minify JavaScript, HTML and CSS

In order to make PSI happy, all your images, CSS, JavaScript and HTML need to be optimised and minified. To minify your CSS and JavaScript, you can use a build tool such as Gulp or Grunt, or there are several online tools which can do this for you. As for minifying HTML, most CMS’s provide this as a plugin (if you are using one), if not services such as Cloudflare act as a CDN and asset compressor. Alternatively desktop applications such as ImageOptim exist to allow you to “preprocess” your images before being uploaded.
If there are any optimisations to be made, PSI will generate a zip file containing all the new assets for you. If you are just running this tool on a static site, download the new assets and upload them to your site.
However, chances are you are going to want to know what optimisations have been made to the assets, so you can update and re-optimise any new assets you create.

Optimise Images

Having un-optimised images on your site can really hinder your Google PageSpeed score. The messages from Google are very unhelpful, as to what is required to “optimise” your images. We’ve spent the last few weeks ticking all the boxes and working out what is needed:
JPEG Quality - no higher than 85%
The compression quality of your jpeg should be no higher than 85% (for example, when saving in Photoshop). In most cases, there is no need to have it this high anyway, but make sure it does not go past this number. Our designers often mention the magic number of “51” for jpeg compression, but use your judgement as to how low you can go.
JPEG Subsampling - use 4:2:0 (aka 2x2,1x1,1x1 or 2:1:1)
JPEG subsampling is a topic which is not widely talked about and required a substantial amount of research before we fully understood it. This article on Chroma-Subsampling explains it better than we ever could. A tool similar to IMGOnline can be used to change this. Alternatively we use ImageMagick on the command line.
Greyscale PNGs - use the right colorspace
This one caught us out but now seems obvious. If your PNG image only uses black & white colours (e.g. is a shade of grey and features no colour) you can set it to use the  “Gray” PNG colorspace when saving.
PNG-8 over PNG-32Using PNG-8 over PNG-32 is down to personal judgement. Most of the time, PNG-8 will be sufficient for what you need and the file size is normally significantly smaller. This thread on Stack Overflow explains more. IDUX also have a great article explaining alpha transparency
Image sizePSI won’t generally pull you up on this, but it is good practice to ensure your images are not oversized for what is required. If your image is only every used as a thumbnail, the user shouldn’t need to download a 4000px image for it.
Image meta dataEvery image created stores several bits of meta information about itself. Storing this data increases the file size, which isn’t needed on the web. Use an image optimiser or minifier to strip out this meta data, reducing the file size of the image.

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Google PageSpeed Insights requires any render blocking assets to be located in the footer of the page (just before your closing body tag). These render blocking assets include CSS and Javascript. Be careful - there may be some inline JavaScript on your page which relies on a library (such as jQuery) to be loaded before it can be executed. If this occurs and you are unable to move the inline script, you may wish to consider implementing a “javascript handler” to prevent your page from failing to execute.

Post a Comment

24 Comments

  1. Really Good blog post about how ro increase pagespeed.provided a helpful information.I hope that you will post more updates like this.
    MSBI Training in Chennai

    ReplyDelete
  2. It will be great idea to read https://resumecvwriter.com/blog/how-to-write-resume-job-description before writing resume job description. It helped me a lot when I studied in college.

    ReplyDelete
  3. DCA Dumps - Get valid Docker DCA Exam Questions and Answers

    ReplyDelete
  4. STD check miami - We provides you FDA-approved testing used by hospitals and doctors. When you place any of your health test order, you need visit any of our testing centers nationwide, even the same day of your purchase and it can be without an appointment. Always use std check coupon to get extra saving on your all orders.

    ReplyDelete
  5. It happens in Saratov so slowly and with a constant state of push and pull.. it feels like it hits you right between the eyes when you realize the weird feelings you’d been having about your relationship were all adding up to be real.

    ReplyDelete
  6. if you are looking for best antivirus then you can get Mcafee activate. it provide complete internet security for your device with more ways to keep your data secure from any kind of viruses.

    ReplyDelete
  7. Yes, I just lumped all of those into the same Nepal me category. So, don’t fall into it!

    ReplyDelete
  8. Keep up the excellent work, apk scr888 I read few articles on this site and I think that your web blog is real interesting and Power to the People of excellent information.

    ReplyDelete
  9. You completed several fine points there. s128 apk I did a search on the matter and found the majority of people will go along with with your blog.

    ReplyDelete
  10. It is definitely possible, and actually very easy to win this delicious rewards by taking the Telltims.com Survey online.

    Tims Hortons Survey

    ReplyDelete
  11. We are also using the plugin because it converts our images to the WebP format. This allows for even faster download times! pagespeed insights...Safeway Survey

    ReplyDelete
  12. Tamilrockers is a torrent site that provides all kinds of flicks in a pirated format totally free of cost. This particular site is operated by a number of unknown men and women in a remote location. Quite a few sources recommend that this site is operated from outside of India, and they do it by storing all the data in a nearby hosting server.

    ReplyDelete
  13. Nasi Bebek Mak Isa, sebagai salah satunya warung nasi bebek Madura yang terkenal di Jakarta. Menu nasi bebek Madura di sini sukses mempunyai tempat di hati fansnya. Di sini tawarkan menu simpel berbentuk bebek goreng dengan nasi putih. https://makanalakampung.com/ Potongan daging bebe di di warung Mak Isa ini termasuk kecil. Walau demikian rasanya sedap karena bumbunya yang menyerap sampai ke susunan dalam daging.

    ReplyDelete
  14. sejda pdf desktop pro 7.3.2 I've been using it for a long time and it is the best one indeed.You can Download it free of cost.

    ReplyDelete
  15. Social lending groups are a convenient funding source for online payday advance since potential borrowers can present their business proposals to multiple investors. This increases the chances of $600 Cash Advance approval and funding.

    ReplyDelete
  16. Thank you for sharing the information about the GOOGLE PAGESPEED INSIGHTS. It is amazing and helpful content for everyone. Keep sharing.

    ReplyDelete
  17. Best in addition to Cheapest Jabodetabek Confidential Classes, your personnel plus instructors arrive to your property, arranged your very own examine plan and will pick out just about any industry connected with examine ... go to https://privat-jabodetabek.netlify.app/les-privat-duren-sawit.html for more information

    ReplyDelete
  18. Jabodetabek private tutoring services with teachers visiting the house. In excess of a huge selection of active tutors decide to teach various skills and lessons for children to adults ... go to https://privatmurah.vercel.app/les-privat-kelapa-gading-murah.html for more details

    ReplyDelete
  19. This site offers private lessons for PAUD, TK, SD, SMP, SMA, and Alumni. With a and accelerated method, it is hoped which it will foster an era of people who have good morals... click for more detail https://biologi-exed.blogspot.com/2022/04/les-privat-biologi-di-kembangan.html

    ReplyDelete