S
Core Concepts/Performance

⚡ Performance Monitoring

Track Core Web Vitals and page load performance metrics.

📊 Core Web Vitals

Sypnia automatically tracks Google's Core Web Vitals:

LCP - Largest Contentful Paint

Good: < 2.5s

Measures loading performance. Time until the largest content element is visible.

CLS - Cumulative Layout Shift

Good: < 0.1

Measures visual stability. How much the page layout shifts during loading.

TTFB - Time to First Byte

Good: < 800ms

Measures server response time. Time until the browser receives the first byte.

⏱️ Page Load Metrics

Additional timing metrics captured for each page load:

MetricDescription
durationTotal page load duration
dom_interactiveTime until DOM is interactive
dom_completeTime until DOM is fully loaded
load_timeTime until load event fires

📈 Performance Dashboard

The Performance page shows:

  • Web Vitals overview - Average LCP, CLS, TTFB with color-coded thresholds
  • Trends over time - See how performance changes
  • Slow pages - Identify pages with poor performance
  • Device breakdown - Compare mobile vs desktop performance
⚠️Performance Alerts
Configure alerts in Settings to get notified when page load times exceed your threshold (e.g., >3 seconds).