Google PageSpeed Insights: How to improve the note and reach 100

Kiwop / Blog / Digital Marketing / Google PageSpeed Insights: How to improve the note and reach 100

We all know the Google PageSpeed Insightsspeed test. As you will have experienced, getting a note of 100 on this Google speed test is no easy task. In fact, many companies are desperately looking to raise their note in this test without much success. This is because Google puts pretty high requirements as far as having a good score.

In this article we tell you how it is possible to get a note of 100. And, moreover, it is possible to do it not on a simple and basic website without too many functionalities, but we can get it on a fairly complete website: this one you are seeing right now 🙂

Table of contents

What it is and what the Google PageSpeed Insights test is 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 us a score from our website, Google shows us the reasons why it scores us that way and gives us a series of tips to improve this note.

Google divides optimizations into three broad categories when it comes to classifying a website:

  • Quick Web– The score on the test shows that the web is in the top third of the fastest pages.
  • Web Normal: the web is located in the middle third of the fastest pages of the Internet.
  • Web Lenta: the web is located in the slowest third of Internet pages.

The score that Google shows us is a value ranging from 0 to 100. A note close to 100 means that the page is extremely fast and that there are no things to optimize. And a note close to 0 means there’s a lot of work to be done on the website.

As for the note, Google thus divides the score:

  • Good note: Score of 80 or higher.
  • Average grade: Score between 60 and 79.
  • Low note: Score between 0 and 59.

Why it’s important to have a fast website

According to Google,53 users leave a webpage if it takes more than 3 seconds to load. That is, if your website does not load in less than 3 seconds, more than half of your users will go to another website (and they may do so to one of the competition).

And, if that weren’t enough, the study also shows that for every second of loading a website, conversions also decrease. Specifically, a 20 fewer conversions for every second that passes.

With this, having a fast and optimized website, will make 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 visitors will be lost, and with each second of delay in loading time, the page conversion rate is reduced by more than 20.

Source: Google

The speed of a website is not only necessary for an online store. Since it seems clear that having a quick eCommerce will allow us to increase sales. It is also required for corporate websites. Since every website is looking to convert, either to be bought, contacted or called. Or simply to efficiently show who we are or what we do. In all these cases we need to have a fast and effective website.

Tips for getting a 100 note on Google PageSpeed Insights

The factors that influence when putting notes on the Google test are several and diverse. Here are some examples to help you improve your grade.

All the techniques detailed here are part of the WPO: Web Performance Optimization, i.e. website speed optimization.

When we talk about WPO we are basically talking about web optimization in terms of load time and speed. They are a series of strategies that are indispensable today, since it will be of no use to have a very attractive design if the website is not optimized in terms of speed.

Optimize images

Image optimization is an indispensable requirement to get a good test note. It is one of the main causes of the low notes that are used to seeing. One of the best techniques for optimizing images is to compress them. You can reduce, on average, 50 the weight of images by compressing them.

If you use WordPress,one of the best plugins to do this without investing a lot of time in manually compressing them is WP Smush Image. It is a plugin that has many functionalities in its free version.

The use of an automatic image optimization plugin is indispensable especially for websites where there are several editors that publish on a regular basis. This way, it doesn’t matter which editor uploads content with images, since the plugin will automatically optimize all images that are uploaded to the web.

In addition, you can configure the plugin so that it only allows maximum dimensions in 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 just your website isn’t 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. It is a free tool that allows you to upload up to 20 images at a time.

Minify and optimize HTML code

Another tip when it comes to improving loading speed would be to optimize HTML code. Although you have to do it right, because if it is not done properly, this action could completely unconfigure the frontend of your web project.

Minifying HTML code is the process of removing unnecessary or duplicate data in the source code of a website. A poorly programmed code can be the cause of this problem, and can be solved by auditing the code.

Again, there are many plugins for WordPress that allow you to minify the HTML code of your website.

Optimize CSS code

Another important factor is the optimization of CSS code. TYPICALly CSS files are external files that need to be loaded.

Many times these CSS files contain code that is not actually used on pages. If a page is only using a 10 code from a CSS file, it is actually unnecessarily loading the remaining 90 of that file.

The first thing to do is:

  • Analyze which CSS code and/or files are really needed
  • Debug the code to try to lose your weight
  • In many cases, inserting CSS code directly into HTML could be a valid option

Optimize JavaScript Code (JS)

Among many things, JavaScript allows you to enable powerful interactive page blocks and functions. The problem is that these scripts slow down the website a lot and you have to be careful not to abuse too many of them.

The first thing to do is to audit the website and remove any JavaScript code that is not necessary for the requirements that we have from our website. Once we have only the essential scripts, we can apply these 3 tips:

  1. Scripts that are not crucial should be loaded later,rather than loaded first.
  2. Load all external JavaScript files asynchronously,rather than synchronously. Synchronously loaded scripts pause the page rendering process, while asynchronously loaded scripts allow the browser to load multiple items at the same time.
  3. Consider putting some JS functions inside(inline) the page itself. This will allow us to reduce the number of requests that your browser has to make.

Optimize the server (hosting)

This is perhaps one of the most important points to consider in terms of speed. The server where our web project is hosted is of vital importance.

Server response time is directly a factor in the Google PageSpeed Insights note. This response time, according to Google, can slow down based on several factors:

  • Number of database queries
  • Slow routing
  • Use of certain frameworks
  • Using certain bookstores
  • Few CPU resources
  • Few RAM resources

In addition to these factors, having a good system administrator that manages our hosting is very important. In this way, you can configure and install software that allows the web to load much faster. Like, for example, making use of static and dynamic cache systems.

In Kiwop we optimize servers using Nginx, Varnish, Redis Server, memcache,etc…

They already say that cheap comes out expensive. And it’s true, having cheap hosting can be very expensive when it comes to optimization and web speed.

Monitor the use of external plugins

Especially if we use WordPress, we have to keep an eye on the use of external plugins. In Kiwop, every new feature that requires web development is analyzed long before it is implemented. Instead of using a new external plugin for each new requirement, we schedule it to order whenever possible. Since when we tailor it, we only include the functions we really need. Instead, external plugins include many functions that are not required and what they do is delay page load time.

Prioritize the content at the top of a page

Strange as it may seem, the speed of a page is not only based on how fast it loads. It also has to do with perceived performance. Perceived performance could be defined as “how fast a web appears to load”. And this may be different from the actual charging time. Perceived performance has to do with the user’s perspective.

To prioritize this perceived performance it is very important to prioritize content that is important on the part of the user. For example, text at the top of a page should load before the footer. A poorly programmed website might start loading footer features and blocks that the user doesn’t see at first glance.

Deploy AMP

AMP is a technology created by Google that offers a much faster page loading experience on mobile devices. AMP restricts the use of HTML and JS, greatly increasing the speed of the pages and, by the way, improving their positioning.

Applying AMP will allow us to increase the Google Page Insights note especially on mobile devices. Although it is a technology that must be developed with great care, since it could completely unconfigure any web page.

We are experts in AMP technology. In fact, our entire website is valid AMP:

Valid AMP result for Kiwop

What note we got from Kiwop on the Google test

After all the theoretical advice we’ve given you, we assume that what really matters to you is whether these tips work. They do work. In Kiwop we get 89 notes in the mobile version and the maximum note, 100, in the desktop version in Google PageSpeed Insights. Don’t you believe it? Here is the trial in the desktop version:

Note in the Google PageSpeed Insights desktop version speed test

And here we also show the proof of the note obtained in the mobile version,since most people always forget to show this note as it is much lower than the note of the desktop version:

Note in the Google PageSpeed Insights mobile speed test

Take the test yourself: go to the Google PageSpeed Insights page,in the URL field poned https://www.kiwop.com and you will see it with your own eyes 🙂

Do you want Kiwop to optimize your website to improve the Google test note? We have to warn you that if you want to have the same notes as us, we will have to design a new website.

Conclusions

Surely you have put a lot of effort (in time and resources) to develop your website. So, you want it to be as perfect as possible. And having a high speed is an important factor.

In addition to the Google test, there are other pages that allow us to assess the speed of our page, such as GTMetrix (the note is a combination of PageSpeed and YSlow)or WebPageTest. In both tests, our page also gets excellent results:

GTmetrix speed test results for the kiwop website
WebPageTest speed test results for the kiwop website

As we have seen, every image, element, etc… needs to be taken into account when getting a good grade. This is why it is important to have expert developers when developing your website.

Reaching a 100 note on the Google PageSpeed Insights speed test can give you the push your website needs to succeed. At Kiwop we will be happy to help you!

We want to help you get results.

Leave a Comment

We want to help you get results.
SHALL WE START?