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
- Ensure Playwright is configured in LoadForge
- Test with realistic network conditions
- Focus on user-facing performance metrics
- 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