Google has spent years reinforcing the idea of its defense of the improved user experience as something key to improve its search results. We confirmed this with the launch in 2020 of a system of specific metrics on aspects such as page loading speed or fluidity of page performance. To help webmasters improve in this aspect, the internet giant has a wide range of tools, among which we find Google Page Speed Insights.
This very useful tool allows you to evaluate the time it takes to load the resources of a web page and what elements may be delaying this process. Loading time is a determining factor in search engine positioning, which highlights the importance of this tool. However, the Page Speed Insights codebase hasn’t changed in the last 10 years, and it’s about time for a redesign to such a widely used tool. Perhaps that is why the internet giant announced this month in web.dev, your web development platform,.
What’s New in Page Speed Insights
With this well-deserved update, Google has also taken the opportunity to solve some problems on the interface presented by users, which could hinder their experience in managing the reports made from this tool. In the same way, according to what was expressed by the company, this update has had as main goals the following three points:
- Make the user interface more intuitive clearly differentiating between data derived from a synthetic environment and data collected from users in the field.
- Clearly communicate how the Core Web Vitals assessment is calculated in the user interface.
- Modernize the appearance of PSI, taking advantage of MaterialDesign.
Here are the key changes to the Page Speed Insights UI as of this update, which has included moving to a new location:
Core Web Vitals Assessment
The Core Web Vitals assessment result will have its own subsection and distinctive icon for easy identification. It should be noted that this change does not affect in any way the evaluation process of the Core Web Vitals, thus maintaining the aggregation mode that it had already been managing.
Tags for mobile and desktop performance
A cleaning and rearrangement has also been generated in the navigation bar, where the navigation menu has been modified at the top, which means greater accessibility. Likewise, the links for both mobile phones and computers will be included centrally on the reports page.
Clear separation of field and laboratory data
Most of the change in the user interface is based on separating the retrieved data between real user or field data and experimental or laboratory data. As such, both labels have been removed, and in their place text has been placed explaining what each piece of data means and how they can help. Similarly, the field data section has been moved to the top, removing the current lab data bar, which has been moved into its own section. With this they intend to avoid any type of confusion in the origin of the scores that are displayed.
Additional useful information
The report incorporates a new information section at the base of each of the data sheets, both field and laboratory. This with the intention of helping users distinguish between the data recovered by each. These are the built-ins:
- Data collection period
- Duration of visits
- Devices
- Network connections
- Sample size
- chrome versions
expanded vision
This new feature adds a breakdown to the field data section and allows you to view granular details for metrics related to Core Web Vitals.
Origin Summary
The source summary provides the aggregate chrome user experience score (CrUX) for all pages from the same data source. This data is currently available by clicking a checkbox, however with the update it has been moved to a new tab. This tab is located in the Field Data section, under the name “Source”.
In addition, to improve the performance of its tools and avoid inconsistencies when generating reports, Google announced that the It will work off of the Page Speed Insights API, giving developers a more consistent experience when reporting and retrieving website performance data.
Image:
Stay informed of the most relevant news on our news channel
Facebook Comments
Disqus