https://github.com/hupe1980/gatsby-plugin-performance-metrics

A Gatsby plugin to measure First (Contentful) Paint (FP/FCP) and First Input Delay (FID)
https://github.com/hupe1980/gatsby-plugin-performance-metrics

first-contentful-paint first-paint gatsby gatsby-plugin google-analytics performance react rum

Last synced: 12 days ago
JSON representation

A Gatsby plugin to measure First (Contentful) Paint (FP/FCP) and First Input Delay (FID)

• Host: GitHub
• URL: https://github.com/hupe1980/gatsby-plugin-performance-metrics
• Owner: hupe1980
• License: mit
• Created: 2019-05-06T18:58:28.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T21:22:52.000Z (about 2 years ago)
• Last Synced: 2025-01-07T05:27:39.559Z (about 1 month ago)
• Topics: first-contentful-paint, first-paint, gatsby, gatsby-plugin, google-analytics, performance, react, rum
• Language: JavaScript
• Size: 256 KB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gatsby-plugin-performance-metrics

> A [Gatsby](https://github.com/gatsbyjs/gatsby) plugin to measure First (Contentful) Paint (FP/FCP) and First Input Delay (FID)

## Install

`npm install --save gatsby-plugin-performance-metrics`

## How to use

Edit `gatsby-config.js`

```javascript

module.exports = {

  plugins: [

    {

      resolve: `gatsby-plugin-performance-metrics`,

      options: {

        //firstPaint: false,

        //firstContentfulPaint: true,

        //firstInputDelay: true,

        //useLogging: true,

        //useGoogleAnalytics: false

      }

    }

  ]

};

```