PageSpeed Insights (PSI) is a tool developed by Google to rank the speed of your website. There are a few things it doesn’t look out for, such as code validation or usability but it’s a good starting point at getting your site up to scratch.
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.
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.
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.
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.
27 Comments
Really Good blog post about how ro increase pagespeed.provided a helpful information.I hope that you will post more updates like this.
ReplyDeleteMSBI Training in Chennai
Thank you ever so for you article post
ReplyDeletehttps://www.parsaya.com/blog/natural-tanning-methods-for-the-wedding
https://www.parsaya.com/beauty
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.
ReplyDeleteDCA Dumps - Get valid Docker DCA Exam Questions and Answers
ReplyDeleteSTD 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.
ReplyDeleteIt 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.
ReplyDeleteif 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.
ReplyDeleteYes, I just lumped all of those into the same Nepal me category. So, don’t fall into it!
ReplyDeleteKeep 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.
ReplyDeleteYou 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.
ReplyDeleteWow...! Nice info and I have a huge of knowledge about this topic. Please blogging...
ReplyDeleteEmbedded System Course Chennai
Embedded Training in Chennai
job Openings in chennai
Unix Training in Chennai
Pega Training in Chennai
Linux Training in Chennai
Spark Training in Chennai
Social Media Marketing Courses in Chennai
Tableau Training in Chennai
Advanced Excel Training in Chennai
Embedded Training in Anna Nagar
Embedded Training in T Nagar
عکس پروفایل عکس پروفایل عکس پروفایل عکس پروفایل عکس پروفایل
ReplyDeletetanx خرید بلیط هواپیما بلیط هواپیما
ReplyDeletetanx خرید بلیط هواپیما بلیط هواپیما
tanx خرید بلیط هواپیما بلیط هواپیما
کشنده فاو
ReplyDeleteIt is definitely possible, and actually very easy to win this delicious rewards by taking the Telltims.com Survey online.
ReplyDeleteTims Hortons Survey
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
ReplyDeleteTamilrockers 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.
ReplyDeleteNasi 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.
ReplyDeletesejda 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.
ReplyDeleteSocial 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.
ReplyDeleteThank you for sharing the information about the GOOGLE PAGESPEED INSIGHTS. It is amazing and helpful content for everyone. Keep sharing.
ReplyDeleteBest 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
ReplyDeleteJabodetabek 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
ReplyDeleteThis 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
ReplyDeleteit's a practical and detailed resource for anyone looking to enhance their website's performance and user experience. Consider incorporating some tools or plugins to simplify these processes for less technical users! receiptify apple music
ReplyDeletePageSpeed Insights (PSI), developed by Google, helps rank your website's speed. While it doesn't check for code validation or usability, it's a great starting point. To use it, enter My-Labcorp your URL in the tool, and you'll likely see errors and warnings to address. PSI assesses your site in two sections: Mobile and Desktop.
ReplyDeleteWelcome to 12Bet India! Your one-stop platform for cricket, football, and live casino action. Enjoy a secure, user-friendly experience with 24/7 support. Visit 12Bet and start exploring now!
ReplyDelete