PageSpeed Insights by Google is one of the most widely used page speed performance tool at free cost. The PageSpeed Insights tool analyses pages on your website and generates suggestions to make them faster.
How to check Google PageSpeed Score :
Checking Google Page speed score is pretty simple. Just go to https://developers.google.com/speed/pagespeed/insights/ and enter in the url you wish to test. Below is the screenshot of how it looks
Why it is important ?
A faster web page helps in Organic SEO and conversions. Conversions are higher if your web page is faster.
The analytics show that most of the users perform search on mobiles and tablet devices. And most of them run on 3G/4G connection which will not load heavy webpages smoothly. If your webpage size is low your webpage speed will be faster and accordingly a better speed score.
Understanding Google PageSpeed Insights :
PageSpeed Insights uses Lighthouse API to generate the results. This tool measures the performance of a webpage on both desktop and mobile devices, based on the analysis it provides suggestions to improve that page.
Overview of the key Indicators present in the page speed results :
When a page is scanned by Lighthouse API, it checks for the following components.
Based on the lab data collected by Lighthouse, the speed score is calculated. Where 0-49 indicates a "Poor", 50-89 "Average" and 90-100 "Best" speed score.
The real-world chrome users experience over last 30days produces the field data.
First Contentful Paint :
First Contentful Paint marks the time at which the first text or image is painted.
Speed Index :
Speed Index shows how quickly the contents of a page are visibly populated.
Time to Interactive :
Time to interactive is the amount of time it takes for the page to become fully interactive.
First Meaningful Paint :
First Meaningful Paint measures when the primary content of a page is visible.
First CPU Idle :
First CPU Idle marks the first time at which the page's main thread is quiet enough to handle input.
Max Potential First Input Delay :
The maximum potential First Input Delay that your users could experience is the duration, in milliseconds, of the longest task.
Opportunities section gives suggestions about the performance metrics that can be improved along with the estimated time that can be saved after fixing the issues.
Diagnostics provides suggestions about the best practices for web development that should be added for the webpage.
Provides information about all the passed performance metrics.
How to Solve these issues :
A good-coding style always gives a good page speed score. Below are the few points which are helpful in scoring a good score for your webpage.
01. Optimise Images
Optimise all the images present on your webpage without disturbing its quality and proportion. There are plenty tools out there which can help you for optimising images like Photoshop, TinyPNG, Image optimiser etc. Do not upload images with heavy sizes. The ideal page size should be lesser than 1mb which includes images, css files and other codes. So, make sure to upload images of sizes lesser than 200kb.
02. Optimise CSS, JS code
Minify CSS and JS codes. Apart from minifying, remove the unwanted junk codes present on these files. If your webpage doesn’t use particular css throughout your website, it is better to remove those css lines to optimise code.
03. Implement cache policy
Implement cache policy through server side scripting or htaccess. The cache headers help users to navigate your site without any waiting period for the page load.
04. Use lazy loading or similar techniques to render your page.
Render blocking is one of the major issues for the page speed score. This is caused when you are rendering the webpage after all the resources are loaded. So, use lazy-loading technique or any other similar techniques available to get rid of this issue.
05. Host your website on a reliable, faster server.
It is very important to select a good hosting server. The delay in connecting to the server and rendering files from there should not take more time.
Higher the page speed score higher is the visibility and conversions!