Get Started

To start collecting performance metrics, follow these steps.

1

Install our package

Start by installing @vercel/speed-insights in your existing project.

npm i @vercel/speed-insights

2

Add the Next.js component

Import and use the <SpeedInsights/> Next.js component into your app's layout or your main file.

import{SpeedInsights}from"@vercel/speed-insights/next"

For full examples and further reference, please refer to our documentation

3

Deploy & Visit your Site

Deploy your changes and visit the deployment to collect your first data points.

If you don't see data after 30 seconds, please check for content blockers and try to navigate between pages on your site.

Or, install automatically with Vercel Agent (free).

Missing GitHub ConnectionConnect a GitHub repository to install automatically with Vercel Agent.

Vercel Agent

Beta