gatsby-plugin-web-vitals

KO | EN

gitlite — search

#react #ai #llm #golang #android #docker #macos #windows #kubernetes #vue #security #mcp #openai #open-source

gatsby-plugin-web-vitals

(★ 25)

Gatsby plugin that sends Web Vitals metrics to Google Analytics.

gatsby-plugin-web-vitals 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# gatsby-plugin-web-vitals

> [Web Vitals](https://web.dev/vitals/) is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.

This plugin sends Web Vitals metrics to Google Analytics.

## Install

`npm i gatsby-plugin-web-vitals`

or

`yarn add gatsby-plugin-web-vitals`

## Usage

```js
// gatsby-config.js
{
  resolve: 'gatsby-plugin-web-vitals',
  options: {
    // The Google Analytics property ID; the reporting code won't be generated without it
    trackingId: 'YOUR_GOOGLE_ANALYTICS_TRACKING_ID',
    // An array with metrics you want to track and send to analytics
    metrics: [`FID`, `TTFB`, `LCP`, `CLS`, `FCP`],
    // Event Category (optional) { string }, default 'Web Vitals'
    eventCategory: 'Performance',
    // Include Web Vitals tracking in development
    // Defaults to false meaning Vitals will only be tracked in production.
    includeInDevelopment: false,
    // Prints metrics in the console when true
    debug: false,
  }
}
```

---

Plugin based on [`nuxt-vitals`](https://github.com/daliborgogic/nuxt-vitals).

gatsby-plugin-web-vitals

gatsby-plugin-web-vitals 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

gatsby-plugin-web-vitals

gatsby-plugin-web-vitals 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README