browser-analyticsdeprecated

Get browser metrics for your app

Usage no npm install needed!

<script type="module">
  import browserAnalytics from 'https://cdn.skypack.dev/browser-analytics';
</script>

README

browser-analytics

NPM Version NPM Downloads

browser-analytics help you to send some browser metrics to your server from client app

In Progress ⌛

  • First Contentful Paint (FCP)

Completed ✅

  • Time To First Byte
  • Dom Load
  • Window Load

Installation

$ npm install browser-analytics

Example

Client Side

import { BrowserAnalytics } from 'browser-analytics';

....
useEffect(() => {
 const metric = new BrowserAnalytics({ apiEndpoint: "http://localhost:3001/metrics" })
 const pendingRes = metric.sendMetrics();
 pendingRes.then(result => result.json()).then(formattedRes=>console.log(formattedRes));
})
....        

Server Side

metricsRouter.post('/metrics', function (req, res) {
    const metrics = req.body;
  
         // do some stuff
            ...
            res.send(metrics);
        }
    });
})