PageSpeed Insights is the one-stop source for the field and lab data. It integrates the information from the Chrome UX report, also known as (CrUX), and lighthouse diagnostics in order to provide insights. PageSpeed Insights were originally introduced in 2010. In 2018 it was upgraded to use the real-world field data from the chrome browsers.
Generally, these insights are used to improve the performance of the website. but how can one interpret any insight with data presented in a coded manner? While the PSI is a critical speed tooling suite it hasn’t been convenient all these years… more than ten years. However, Google’s new launch of PageSpeed Insights is the solution to all existing problems.
The new tool is moved to the URL https://pagespeed.web.dev/ – previously it was located at https:/developers.google.com/speed/pagespeed/insights/
Addy Osmani at Google is calling the new updates tools “more intuitive“. Now the data collection would be more intuitive with a clear difference between the data extracted from a synthetic environment and the data extracted from the users in the field.
Overview of Present PSI:
The current version of the PageSpeed Insights report includes performance data for both desktop and mobile devices. The reports in the individual tabs provide suggestions on improving a page. The key components of the report in both cases are almost similar.
Currently, the report consists of a performance score that appears at the top of the PSI report summarizing the overall page performance. The score is further determined by running the lighthouse to collect and analyze the lab data about the page.
If your page scores 90 or above it’s good, at 50-90 you need improvement and anything below 50 is considered poor which means you have a lot of work to be considered.
What’s the biggest problem in the last version of the PageSpeed Insights?
Data presentation influences how the insights are analyzed and interpreted which apparently is the biggest issue in the presentPageSpeed Insights. In the current version of the PageSpeed Insights, there is no clear separation between lab data and field data which makes it extremely difficult for the newbies.
Secondly, a lot of confusion is created by the design. You can say that the design is cluttered with no basic categorization or labeling of the functions. The current version of the PageSpeed Insights is functional on a 10-year-old code. The purpose of redesigning is to make the presentation and interpretation of the data easier. The new design will aid the decision-making process. The new updates are a piece of good news for SEO service providers.
What Are The New Features of PageSpeed Insights Design?
The new design is simplified and modernized by leveraging the material design.
Separation of Data:
The new design solved the biggest issue which is the separation of data. The UI will differentiate between the lab data and the field data. The existing labels “field data and “lab data are also getting replaced with new text. The new text will indicate what the data means and how it can help for better understanding.
Along with the separation of data, the new update is aimed at providing better and simpler suggestions for the improvement of the website. Now the data is used for good even if you are a newbie.
There is no change in the assessment process for the core web vitals but aggregation with sufficient data in all three metrics is expected. Secondly, the new core web vitals assessment will appear in a separate subsection with a dedicated icon for it. It will help the user understand how the core web vitals assessment is calculated. It’s a great update from the present CWV assessment that only shows single words “passed” or “failed”. The insights about the calculation are the perfect tool for further optimization of the website, knowing exactly the grey areas.
In the new design, the navigation menu is also different. The new navigation bar will include links for the mobile as well as the desktop on the report page. Google is also shifting the report section to a new tab “origin” that will be under the field data section. Rather than the cluttered data, every area has sections and subsections.
Design Updates Overall:
The new design’s primary goal is simplicity. In the updated design a new “expand view” feature has been added. The added function in the field data sections allows all the users to view core web vitals metrics details.
Google has also removed the image of the loaded page from the existing location next to the field data. The new location of images and thumbnails is in the lab data location. Additionally, Google will add a section at the bottom of every field. The lab card will now display the following details of the sampled data: data collection period, visit durations, device, network connections, sample size, and chrome versions. The additional sections will clearly help differentiate the data better with organized sections.
When is the new rollout expected?
SpeedPage Insights is the 5th version introduced by Google. The tutorial for the new version is already out on the official website. You can check it out to learn the changes and how it influences the work. The implementation of the data is also slowly rolling out.