Reference

Migrating to the latest Speed Insights package

Understand the transition from Speed Insights to the new version – know the differences and how they affect you.
Table of Contents

Speed Insights is available on all plans

The new Speed Insights brings a few changes to the UI and the ingestion mechanism. You find a list of changes below and understand how they affect you.

Vercel introduced a package titled @vercel/speed-insights as an iteration from the automatic install process. This shift is intended to offer more flexibility and broader framework support.

By migrating to the new Speed Insights package, you benefit from the following features:

  • First-Party Ingestion: Data is processed directly through your own domain, eliminating the third-party domain lookup
  • Enhanced Route Support: Dynamic route segment is supported in more frameworks such as Next.js app router, Nuxt, Remix, and SvelteKit
  • Advanced Customization: The updated package provides tools for more granular control, such as the ability to intercept requests and set sample rates on a project basis

You should become familiar with the @vercel/speed-insights configuration options and upgrade. However, the intake API will still be usable for some time.

Sample rate configurations have been relocated from team settings to the @vercel/speed-insights package, providing the capability to set specific rates for each project.

Data ingestion now utilizes a first-party intake during your deployment. Here's how it works:

  • The script is now sourced from your own domain at this endpoint: https://yourdomain.com/_vercel/speed-insights/script.js.
  • Data points are also ingested through your own domain at this endpoint: https://yourdomain.com/_vercel/speed-insights/vitals.

With this change, the script becomes less affected by content blockers and performs fewer DNS lookups, resulting in a faster and more reliable experience. It is no longer required to define a Content Security Policy to allow the third-party script.

Our revamped dashboard emphasizes the 75th percentile, a recommendation from the Core Web Vitals team.

In other terms, the score is now determined by the experience of the fastest 75% of your users.

This percentile was chosen because it represents the performance experienced by the majority of visits and is not significantly affected by outliers.

For deeper insights, it is now possible to view multiple percentiles at once, without affecting the score.

Speed Insights now uses scoring criteria that are inspired by the improvements found in Lighthouse 10. Below, you'll find a comprehensive comparison of the metrics, thresholds, and their respective weights as per our updated system and its previous iteration.

All previous (prior to the new Speed Insights) and new data points use this updated scoring criteria.

Comparison table between the new and old scoring criteria

MetricOld ThresholdsNew ThresholdsOld WeightsNew Weights
RES90~5090~50Not applicableNot applicable
FCP0.9~1.6s (Desktop)
2.3~4s (Mobile)
1.8~3s20%15%
LCP1.2~2.4s (Desktop)
2.5~4s (Mobile)
2.5~4s35%30%
INPNot applicable200~500ms-30%
FID100~300ms100~300ms30%Not applicable
CLS0.1~0.250.1~0.2515%25%
TTFBNot applicable0.8~1.8s--
Changes are highlighted in bold.

The CLS metric is given more weight in the new version, and the FID metric is replaced with INP. The FCP and LCP metrics now have the same thresholds for both desktop and mobile.

We've introduced a new metric, Time to First Byte (TTFB), which measures the time taken by the server to respond to the first request. This metric is not included in the score, but it can offer more insights about performance.

Last updated on July 23, 2024