Skip to main content
This guide shows how to measure basic browser performance metrics including Core Web Vitals. Perfect for monitoring page loading speed and user experience.

Use Cases

  • Measure Core Web Vitals (LCP, FCP, CLS)
  • Test page loading performance
  • Monitor resource loading times
  • Check performance across different pages

Simple Implementation

Setup Instructions

  1. Ensure Playwright is configured in LoadForge
  2. Test with realistic network conditions
  3. Focus on user-facing performance metrics
  4. Set performance budgets for your site

What This Tests

  • Core Web Vitals: LCP, FCP, and CLS measurements
  • Loading Speed: DOM and total page load times
  • Resource Performance: Network request timing and sizes
  • Mobile Performance: Performance on mobile devices

Performance Metrics

  • FCP (First Contentful Paint): When first content appears (< 1.8s good)
  • LCP (Largest Contentful Paint): When main content loads (< 2.5s good)
  • CLS (Cumulative Layout Shift): Visual stability (< 0.1 good)
  • Total Load Time: Complete page loading (< 3s good)

Performance Tips

  • Optimize Images: Compress and use modern formats
  • Minimize JavaScript: Reduce bundle sizes
  • Use CDN: Serve static assets from edge locations
  • Enable Caching: Set proper cache headers

Common Performance Issues

  • Large Images: Unoptimized images slow loading
  • Too Much JavaScript: Heavy JS bundles block rendering
  • Slow Server: Backend response times affect performance
  • Layout Shifts: Content moving during load hurts CLS