We all know the Google PageSpeed Insights speed test . However, getting a score of 100 in this Google speed test is not an easy task.
In fact, many companies are desperately trying to improve their score on this test without much success. This is because Google sets very high requirements for a good score.
Below, we'll tell you what Google PageSpeed is, what it's used for, and how to get a score of 100. You can also do this on a basic website without too many features, or on a complete website.
What is the Google PageSpeed Insights test and what is it for?
PageSpeed Insights is a tool developed by Google that shows the performance of a page or website . The results are divided into two: the mobile version ( Mobile ) and the desktop version ( Desktop ).
In addition to giving you a score for the website, Google shows the reasons why it scores that way and gives a series of tips to improve this score.
Google PageSpeed Insights Test
Google PageSpeed Insights Home Page
Google divides optimizations into three broad categories when ranking a website:
Fast Website : The test score shows that the website is in the top third of the fastest pages.
Normal Web : The website is in the middle third of the fastest pages on the Internet.
Slow Web : The web is in the slowest third of Internet pages.
The score that Google displays is a value that ranges from 0 to 100. A score close to 100 means that the page is extremely fast and that there are no things that need to be optimized. And a score close to 0 means that there is a lot of work to be done on the website.
As for the score, Google divides the score in this way:
Good grade : Score of 80 or higher
Average score : Score between 60 and 79
Low grade : Score between 0 and 59
Why is it important to have a fast website?
53% of users abandon a website if it takes more than 3 seconds to load. That means that if your website doesn't load in less than 3 seconds, more than half of your users will go to another website.
Therefore, for every second a website loads, conversions decrease . Specifically, 20% fewer conversions for every second that passes.
Therefore, having a fast and optimized website will ensure that your users have a great user experience . And this will mean many more conversions .
If a website takes more than 3 seconds to load, more than 53% of visitors will be lost, and with every second of delay in loading time, the page conversion rate is reduced by more than 20%.
Source: Google
The speed of a website is important for an online store and an e-commerce. However, it is also necessary for corporate websites because what is sought is to convert, whether it is to buy, contact or call.
Tips for getting a score of 100 on Google PageSpeed Insights
There are several factors that influence how you score on the Google test . Here are some examples that will help you improve your score.
All the techniques detailed are part of WPO: Web Performance Optimization, that is, the optimization of the speed of websites .
When we talk about WPO, we are basically talking about website optimization in terms of loading time and speed. It consists of a series of indispensable strategies nowadays, since it is useless to have an attractive design if the website is not optimized in terms of speed.
Optimize images
Image optimization is an essential requirement for getting a good score on the test. It is one of the main causes of the low scores that we often see.
One of the best techniques to optimize images is to com brazil telegram press them . You can reduce the weight of images by an average of 50% by compressing them.
If you use WordPress , one of the best plugins to do this without spending a lot of time compressing them manually is WP Smush Image . A plugin that has a lot of features in its free version.
Compressing images helps raise PageSpeed Insights scores
WordPress plugin to compress images
Using an automatic image optimization plugin is essential for websites where there are several editors who publish on a regular basis. This way, it doesn't matter which editor uploads content with images, as the plugin will automatically optimize them.
Additionally, you can configure the plugin to only allow certain maximum dimensions for the image. That is, if the image has a dimension greater than the pixels we have entered, the plugin will automatically resize the image .
If you don't want to use a new plugin or your website is not developed in WordPress or another CMS like Drupal that has a similar plugin, you can use online tools to compress and optimize images like Optimizilla or any other tool.
Minify and optimize HTML code
Another tip to improve loading speed would be to optimize the HTML code . However, this must be done properly, because if it is not done properly, this action could completely mess up the frontend of your web project.
HTML minification is the process of removing unnecessary or duplicate data from a website's source code. Poorly coded code can be the cause of this problem, and can be resolved by auditing the code.
Optimize CSS code
Another important factor is CSS code optimization . CSS files are usually external files that need to be loaded.
Many times these CSS files contain code that isn't actually used on the pages. If a page is only using 10% of the code in a CSS file, it's actually unnecessarily loading the remaining 90% of that file.
The first thing to do is:
Analyze what code and/or CSS files are really necessary.
Debug the code to try to lower its weight.
In many cases, inserting CSS code directly into the HTML code could be a valid option.
Optimize JavaScript (JS) code
JavaScript allows you to enable powerful features and interactive page blocks . The problem is that these scripts slow down the website a lot and you have to be careful not to overuse them.
The first thing to do is to audit the website and remove all JavaScript code that is not necessary for the requirements of our website.