# @vercel/speed-insights

> Speed Insights is a tool for measuring web performance and providing suggestions for improvement.

Latest version **2.0.0** (published 2026-03-10) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @vercel/speed-insights
pnpm add @vercel/speed-insights
yarn add @vercel/speed-insights
bun add @vercel/speed-insights
```

## Health

**Score 65/100 (B)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2026-03-10 |
| First published | 2023-09-06 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 358.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 114 |
| Maintainers | vercel-release-bot, zeit-bot |
| Keywords | speed-insights, vercel |

## Links

- npm: https://www.npmjs.com/package/@vercel/speed-insights
- Repository: https://github.com/vercel/speed-insights
- Homepage: https://github.com/vercel/speed-insights#readme
- Issues: https://github.com/vercel/speed-insights/issues
- npm.io page: https://npm.io/package/@vercel/speed-insights

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2026-03-10
- 2.1.0-canary (beta) — 2026-07-03
- 2.0.1-canary — 2026-06-19
- 2.0.0-canary.1 — 2026-02-17
- 1.3.1 — 2025-12-02
- 1.3.0 — 2025-12-01
- 1.2.0 — 2025-02-10
- 1.2.0-canary.4 — 2024-11-25
- 1.2.0-canary.3 — 2024-11-22
- 1.2.0-canary.2 — 2024-11-21
- 1.2.0-canary.1 — 2024-11-14
- 1.1.0 — 2024-11-07
- 1.0.14 — 2024-10-25
- 1.0.13 — 2024-10-22
- 1.0.12 — 2024-06-12
- … 29 more at https://npm.io/package/@vercel/speed-insights/versions

## README

![Speed Insights](https://github.com/vercel/speed-insights/blob/main/.github/banner.png)

<div align="center"><strong>Vercel Speed Insights</strong></div>
<div align="center">Performance insights for your website</div>
<br />
<div align="center">
<a href="https://vercel.com/docs/speed-insights">Website</a>
<span> · </span>
<a href="https://vercel.com/docs/speed-insights/package">Documentation</a>
<span> · </span>
<a href="https://twitter.com/vercel">Twitter</a>
</div>

## Overview

`@vercel/speed-insights` automatically tracks web vitals and other performance metrics for your website.

This package does **not** track data in development mode.

It has 1st class integration with:

| Framework | Package                            |
| --------- | ---------------------------------- |
| Next.js   | `@vercel/speed-insights/next`      |
| Nuxt      | `@vercel/speed-insights/nuxt`      |
| Sveltekit | `@vercel/speed-insights/sveltekit` |
| Remix     | `@vercel/speed-insights/remix`     |
| React     | `@vercel/speed-insights/react`     |
| Astro     | `@vercel/speed-insights/astro`     |
| Vue       | `@vercel/speed-insights/vue`       |

It also supports other frameworks, vanilla JS and static websites.

## Quickstart

1. Enable Vercel Speed Insights for a project in the [Vercel Dashboard](https://vercel.com/d?to=%2F%5Bteam%5D%2F%5Bproject%5D%2Fspeed-insights&title=Open+Web+Analytics).
2. Add the `@vercel/speed-insights` package to your project
3. Inject Speed Insights to your app

   - If you are using **Next.js**, **React**, **Nuxt** or **Vue** you can use the framework-specific `<SpeedInsights />` component to inject the script into your app.
   - If you are using **Sveltekit**, you can use the `injectSpeedInsights()` function `@vercel/speed-insights/sveltekit` in your top-level `+layout.js/ts` file.
   - For other frameworks, you can use the `inject` function add the tracking script to your app.
   - If you want to use Vercel Speed Insights on a static site without npm, follow the instructions in the [documentation](https://vercel.com/docs/speed-insights/quickstart).

4. Deploy your app to Vercel and see data flowing in.

## Documentation

Find more details about this package in our [documentation](https://vercel.com/docs/speed-insights/quickstart).

---
_Source: https://npm.io/package/@vercel/speed-insights · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._