1. GTmetrix: the definitive guide
GTmetrix is a tool that allows us to test the speed of websites. Among all
the tools designed for this purpose, it is one of the best known and used
today because it’s easy to use and the amount of metrics it allows us to
examine.
In this guide, GTmetrix:the definitive guide, we will look at the different
analysis options that GTmetrix offers. We will examine the reports and
indications that the tool provides us to improve the performance of our
site. Then we'll delve into all the parameters taken into consideration by
the tool and we'll see how to make the most of all the functions,
including the possibility of activating the monitoring of URLs and
perform speed tests at a fixed rate.
In conclusion, we'll see the different plans that GTmetrix offers us in
addition to the free basic plan that already allows us to take advantage
of almost all the functions with certain limitations.
2.
3. GTmetrix:the definitive guide :
Analysis with GTmetrix speed
test
To analyze the loading speed of a page with Gtmetrix we just
need to enter the URL that needs to be tested and click on
the Analyze button. However, to get a more reliable result it is
recommended to change the analysis options.
In specific, we can set the browser we want to use in the test and
the connection type to see how these elements affect loading .
4. GTmetrix also gives us the ability to test by changing the location
where the servers are located.
5. In this way we can set the location that is closest to the one where
the server hosting our site is located and where most of the traffic
to our site comes from. For example, if most of the traffic comes
from Italy we'll set London as the reference location.
By default Vancouver servers are used, but you can change and
choose between:
Vancouver, Canada
Hong Kong, China
Mumbai, India
London, UK
San Antonio, TX, USA
Sydney, Australia
Sao Paulo, Brazil.
With the free version you can choose from these 7
different locations, while with the Pro version you can use among 22
locations, you can see the list of all the servers on the GTmetrix
website.
6. You can try out our service yourself with a free trial for 14 days, after
which you can choose if you want to subscribe to a plan.
7. How GTmetrix report works
After running a speed test, at the top of the report page you will
see a preview of the page you analyzed and the options you used.
You can then check the location of the servers used for the test
and the browser, as you see in this example.
8. Immediately below you will see the GTmetrix grade which is the
result of combining the Performance and Structure scores.
Specifically, the grade is obtained from the weighted average of
these two scores:
the Performance score is worth 70%.
The Structure score accounts for 30%.
9. The GTmetrix grade was only recently introduced as of November
2020. Instead, two scores were previously shown which the tool
collected under Performance Scores, namely PageSpeed
Score based on Google's tool and YSlow Score based on Yahoo's
tool.
Therefore, the score depended on how well the site met these two
criteria. However, the recommendations considered by PageSpeed
and YSlow focused only on the front-end of the analyzed pages
10. The GTmetrix grade, on the other hand, is given by the combination
of the score assigned to Performance and Structure. Let's see how
these two scores are calculated.
11. GTmetrix Performance Score
GTmetrix's Performance score is nothing but the Performance score
of Lighthouse, Google's open source tool that evaluates Web page
performance.
One major difference between Lighthouse analytics and the
previous PageSpeed and YSlow metrics is that Lighthouse puts the
user experience first. To understand exactly how it does this, let's
look at what metrics the scoring is based on.
Loading performance (affects 55% of the total score) and is in turn
influenced by:
First Contentful Paint (15%)
Speed Index (15%)
Largest Contentful Paint (25%).
12. Interactivity (accounts for 40% of the total) and is in turn
dependent on:
Interactive Time (15%)
Total Blocking Time (25%)
Visual stability (affects 5%) and is in turn determined by the
Cumulative Layout Shift (5%).
GTmetrix Structure Score
Structure Score is a proprietary GTmetrix metric that is always based
on Lighthouse criteria. The score indicates whether the analyzed
page meets the criteria for optimal performance.
13. GTmetrix:the definitive guide -
Web Vitals
The GTmetrix report in addition to showing us the GTmetrix
Grade given by the performance and structure scores we just
reviewed also allows us to view the scores of our page based on
the Web Vitals metrics.
14. Web Vitals or Core Web Vitals are metrics introduced by Google in
2020 to evaluate the user experience on a website.
Specifically, GTmetrix shows us three metrics: Largest Contentful
Paint, Total Blocking Time, and Cumulative Layout Shift. We'll see
specifically what they represent when we talk about the
Performance tab.
Summary Card
The Summary tab provides us with important information to
improve the performance of the analyzed page. In this tab, in fact,
GTmetrix highlights some main aspects of the analysis.
In the Summary tab we find:
15. Speed visualization: it is a visual indicator that shows us the
loading phases of the page, showing us which sections of the page
are loaded at a given time. It gives us an idea, therefore, of how
our page appears to visitors while it is being loaded completely.
Top Issues: in this section there is a summary of the issues that have
a major impact on page performance. Improving the issues
highlighted in this section and retesting the page will see the items
in this section change.
16. Page details: in this section we are shown a chart that highlights the
types and number of requests per page and the size of the
elements.