Having trouble understanding the new GTmetrix Report? Here’s some help to transition from our Legacy Reports to the new GTmetrix Report.

---

 

Overview

The new GTmetrix Report represents an all-new performance benchmark for your webpage.

It tracks a different set of Performance metrics and contains new recommendations (called audits) by way of the Structure Tab compared to prior reports.

We’ve written this blog article to help ease the transition from the Legacy GTmetrix Report to the new GTmetrix Report.

For each section of the report we’re covering in this blog article, we’ve highlighted key aspects related to report analysis and then show you how they are mapped in both the Legacy Report and the new GTmetrix Report.
 

---

 

First Glance/Summary

When you open a GTmetrix Report, whether Legacy or new, the first thing you’d notice is the information presented front and centre, which gives you a snapshot of your webpage’s performance results.

 
There are 4 key things you’ll be looking at here, which are listed below:
 

---

 

1) Grades and Scores

Legacy Reports show your PageSpeed and YSlow scores, which reflected how well your page adhered to Google’s and Yahoo’s web performance best-practices.

PageSpeed and YSlow scores served us well in the past; however, they are now considered outdated and do not paint a modern picture of performance.

New Reports no longer display PageSpeed/YSlow scores, and are replaced with the GTmetrix Grade, Performance and Structure Scores, powered by Lighthouse – the new standard of web performance metrics.
 

• Your Performance Score tells you how well your page actually performed in terms of visual loading, interactivity, and visual stability.
   
• Your Structure Score tells you how well your page adheres to Google’s latest best-practices in the field of web performance (comparable to PageSpeed/YSlow scores).
   
• Your GTmetrix Grade blends your Performance and Structure Scores into a single grade that reflects your webpage’s overall performance.

 
Besides the above, you’ll also find the Web Vitals in the new GTmetrix Report right next to your page scores, given how much importance Google has placed on Web Vitals for web performance and search engine rankings.
 

---

 

2) Fully Loaded Time

Fully Loaded Time tells you how long your page took to completely load.

In the Legacy Report, you’ll find it right next to your page scores.

In the new GTmetrix Report, you can find this timing in two places on the Summary Tab:
 

• In the Speed Visualization timeline showing the point at which your page meets the “Fully Loaded” condition.
• At the bottom of the Summary Tab in the Page Details Section.

 
Note that Fully Loaded conditions differ in the Legacy and New Reports.

Read more on the conditions here.

---

 

3) Total Page Size and Requests

These details give you a high-level overview of your page’s payload and network requests.

In the Legacy Report, you’ll find this next to your Fully Loaded Time.

In the new GTmetrix Report, you will find this information in the Page Details Section, which is located in the bottom left corner of the Summary Tab.

The new GTmetrix Report also breaks down your page content by type (e.g., images, CSS, JavaScript, etc.), and hovering over each segment allows you to determine at-a-glance if your page is heavy on images, JavaScript, etc.
 

---

 

4) More from GTmetrix

This section gives you relevant tips related to your page’s performance (e.g., Slow server response, lack of CDN usage, etc.).

In the Legacy Report, you’ll find this section near the top of your report, next to the Analysis Options for that particular report.

In the new GTmetrix Report, this section can be found in the bottom right corner of the Summary Tab.

 

---

 

Timings/Performance Metrics

After an initial look at your overall page results, you can investigate more details related to your webpage’s performance by looking at timings.

In the Legacy GTmetrix Report, you’ll find such timings in the Timings tab.

In the new GTmetrix Report, you’ll find them under Browser Timings in the Performance Tab.
 

 

All timings are available in both Legacy and New Reports, just in different locations.

Note that the Browser Timings have no impact on your Performance Score, but are still listed in the Performance Tab as they may be useful for further analysis by experienced developers.
 

---

 

New GTmetrix Reports have more modern timings

While Browser Timings can be useful, they alone do not provide a user-centric perspective of your page performance.

The more modern, Lighthouse-based timings, are only available in the new GTmetrix Reports.

The first ones you’ll see at the top are the 6 Performance metrics that directly determine your page’s Performance Score (located in the Performance Tab).
 

 
Among these timings are the Web Vitals – 3 key metrics that are most impactful to the perception of performance:

• Largest Contentful Paint (LCP)
  How long it took for your largest content-element to display.
   
• Total Blocking Time (TBT)
  How much time was blocked by scripts during your page loading process.
   
• Cumulative Layout Shift (CLS)
  How much layout-shift your user experienced during the page load.

 
Web Vitals are also important as they are signals used by Google to determine search ranking, and should be seriously considered in your performance optimization efforts.

 

---

 

Recommendations vs Audits

The core basis of GTmetrix Legacy Reports were the older PageSpeed/YSlow Recommendations, which only assessed how your page’s front-end structure was built. These were defined by best-practices established by Google and Yahoo some years ago.

These Recommendations have been succeeded in the new GTmetrix Report in the form of Lighthouse audits, which are essentially the evolution of these recommendations and best-practices, and are listed on the Structure Tab.
 

 
As always, you can click on individual audits to find more details regarding the resource(s) that contributed to the audit’s impact:
 

 
You can also find the top 5 impacting Structure audits in the Summary Tab under Top Issues:
 

 
As you improve each audit, this section gets updated with the next 5 audits that have the highest impact on your page’s performance at the time of the test.
 

---

 

Comparing PageSpeed/YSlow Recommendations to Lighthouse Audits

While some of the Legacy Report Recommendations are deprecated (i.e., they are no longer considered important or necessary for modern websites), some of these audits are similar to prior PageSpeed/YSlow Recommendations, are evolutions of the Recommendation, or entirely new.

For easy reference, we’ve created a table below to map the old PageSpeed/YSlow Recommendations that have been carried over to the new GTmetrix Report.

PageSpeed	YSlow	Audits
Avoid CSS @import	–	Avoid CSS @import*
Avoid document.write	–	Avoid document.write()
Avoid landing page redirects	Avoid URL redirects	Avoid multiple page redirects
Combine images using CSS sprites	–	Combine images using CSS sprites*
Defer parsing of JavaScript	Put JavaScript at bottom	Eliminate render-blocking resources
Enable compression	Compress components	Enable text compression
Enable Keep-Alive	–	Enable Keep-Alive*
Improve server response time	–	Reduce initial server response time
Leverage browser caching	Add Expires Headers	Serve static assets with an efficient cache policy
Minify CSS/Minify JavaScript	Minify JavaScript and CSS	Minify CSS/Minify JavaScript
Optimize images Updated – Learn more	–	Efficiently encode images Updated – Learn more
–	Reduce the number of DOM elements	Avoid an excessive DOM size
Remove unused CSS	Remove duplicate JavaScript and CSS	Reduce unused CSS/Reduce unused JavaScript
Serve scaled images Updated – Learn more	–	Properly size images Updated – Learn more
–	Use a Content Delivery Network (CDN)	Use a Content Delivery Network (CDN)*

 
* This is a GTmetrix Custom Lighthouse audit. Read more about them here.
 

---

 

Changes to specific Recommendations/Audits

While some Legacy Recommendations differ from Lighthouse audits in name and/or minor definitions only, there are a few popular Recommendations we should highlight, which saw changes in functionality in-line with updated web development practices.
 

---

 

Serve scaled images is now Properly size images

The Served scaled images recommendation found under the PageSpeed tab in Legacy Reports is now the Properly size images audit in the new GTmetrix Report.

Properly sizing images on your page is a web performance best-practice that should be incorporated into your development workflow (e.g., through srcset).

Consequently, this audit instead focuses on the total potential savings in terms of image file size, rather than the image dimensions.

 
Learn more about this audit here.

Note that the original Serve scaled images recommendation in Legacy Reports still reports the original and resized image dimensions.
 

---

 

Optimize images is now Efficiently encode images

The Optimize images recommendation found under the PageSpeed tab in Legacy Reports is now the Efficiently encode images in the new GTmetrix Report.

Besides the change in name, there is no other change in functionality here, and you can obtain the optimized versions of the image by expanding this audit in your GTmetrix Report and clicking on the “Optimized Version” link to view/save an optimized version of your image.

Note that you must be logged in to download the optimized version.

Optimized images may also be expired (we only keep extra report data for 24 hours), and must be regenerated with a Re-Test.
 

 
Learn more about this audit here.

 

---

 

Summary

Our move to Lighthouse metrics represents a necessary shift in performance testing methodology.

At first glance, navigating from our Legacy Reports to our New Reports seems like an intimidating task indeed.

However, if you look closely, you’ll see that – apart from the new Lighthouse metrics – many of the changes made are akin to minor facelifts and reorganizations of content.

We hope this article can help you ascertain the differences in finding information related to your webpage’s performance from the Legacy Reports you’ve grown used to over the years.
 
 

Learn more about the new GTmetrix Report

For more details on our new Lighthouse-powered report, you can read our article: Everything you need to know about the new GTmetrix Report.

 

---