{"repo":"nuxt-modules/web-vitals","free":true,"listed":false,"github":"https://github.com/nuxt-modules/web-vitals","clone":"git clone https://github.com/nuxt-modules/web-vitals.git","description":"Web Vitals: Essential module for a healthy project","language":"TypeScript","stars":386,"topics":["nuxtjs","module","nuxt-module","ttfb","lcp","fid","fcp","cls","metrics","performance"],"license":"MIT","category":"analytics","readme_excerpt":"Nuxt Web Vitals Web Vitals: Essential module for a healthy Nuxt Web 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 module will gather those metrics on each page view, and send them to a provider using either Navigator.sendBeacon() or fetch() Installation Add @nuxtjs/web-vitals to the modules section of your nuxt.config.js :warning: If you are using Nuxt Events Overview Event Category Event Action Report WebVitals to GTM Create a GTM property and add the tag manager to your site. Vercel Analytics Report WebVitals to Vercel Works without configuration Basic logger Report WebVitals to Console Output metrics to the console insead of sending them to a remote provider :warning: this provider does not send WebVitals trough network, issues with navigator extensions can not be deteced with this method. Logging to custom api Report WebVitals to a custom api endpoint Example body: License MIT","default_branch":null,"files":null,"tree":[],"storefront":"/r/nuxt-modules","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/nuxt-modules/web-vitals/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}