Core Web Vitals
https://web.dev/articles/vitals?hl=de#core-web-vitals
LCP - Largest Contentful Paint
How long does the loading take
- Time to first byte
- Resource load delay
- Resource load time
- Element render delay
- Use
Server-Timing
Header. MDN documentation - Built in Angular performance profiler:
new CommonEngine({enablePerformanceProfiler: true})
- NgOptimizedImage
INP - Interaction to Next Paint
CLS - Cumulative Layout Shift
Amount of layout shifts