Firebase Performance Monitoring | Track Metrics with Firebase

Опубликовано: 11 Апрель 2021
на канале: Small Batch Devs

7,109

In this episode, we cover how to add Firebase Performance Monitoring to your web app and what exactly it does. You can get started with performance monitoring with just one line of code too!

Here are some metrics that are tracked out of the box:
first paint traces — measure the time between when the user navigates to a page and when any visual change happens.
first contentful paint traces — measure the time between when a user navigates to a page and when meaningful content displays, like an image or text.
domInteractive traces — measure the time between when the user navigates to a page and when the page is considered interactive for the user.
domContentLoadedEventEnd traces — measure the time between when the user navigates to a page and when the initial HTML document is completely loaded and parsed.
loadEventEnd traces — measure the time between when the user navigates to the page and when the current document's load event completes.

Web Core Vitals:
https://web.dev/vitals/

Check out our website for more great tutorials and content!
https://smallbatchdevs.com

Check out our Podcast!
https://open.spotify.com/show/36eNV2m...

KEEP UP with @smallbatchdevs on SOCIAL MEDIA!
Twitter:   / smallbatchdevs
Instagram:   / smallbatchdevs
Facebook:   / small-batch-devs-112906707036301
Twitch:   / smallbatchdevs

Check out all our Github Repositories for these episodes:
https://github.com/smallbatchdevs

00:00 Intro
00:23 What Is Firebase Performance Monitoring?
01:15 How Does Firebase Performance Monitoring Work?
03:04 Adding Firebase Performance Monitoring to Your App
04:28 How To Track First Input Delay With Firebase Performance Monitoring
04:56 Custom Firebase Performance Monitoring Traces and Attributes
06:05 Firebase Performance Monitoring Dashboard and Metrics Demo
09:01 Outro

#firebase #performancemonitoring #webdevelopment