wp-performancelisted

# WordPress Performance Optimization Complete guide for optimizing WordPress site performance, Core Web Vitals, and passing speed tests. ## Core Web Vitals Targets | Metric | Good | Needs Improvement | Poor | |--------|------|-------------------|------| | **LCP** (Largest Contentful Paint) | ≤2.5s | 2.5-4s | >4s | | **INP** (Interaction to Next Paint) | ≤200ms | 200-500ms | >500ms | | **CLS** (Cumulative Layout Shift) | ≤0.1 | 0.1-0.25 | >0.25 | --- ## Image Optimization ### Plugin Stack 1. **EWWW Image Optimizer** - Best all-around - Lossless & lossy compression - WebP conversion - Lazy loading - CDN option (ExactDN) 2. **ShortPixel** - Alternative with more formats - AVIF support - Glossy/lossy/lossless modes - Bulk optimization 3. **Imagify** - Simple and effective - Three compression levels - WebP conversion - Resize on upload ### EWWW Configuration ```php // Recommended EWWW settings via wp-config.php or plugin settings // Enable WebP conversion define('EWWW_IMAGE_OPTIMIZER_WEBP', true); // Set maximum dimensions define('EWWW_IMAGE_OPTIMIZER_MAX_WIDTH', 2560); define('EWWW_IMAGE_OPTIMIZER_MAX_HEIGHT', 2560); // Enable lazy loading define('EWWW_IMAGE_OPTIMIZER_LAZY_LOAD', true); ``` ### Manual Image Guidelines | Use Case | Format | Max Width | Quality | |----------|--------|-----------|---------| | Hero images | WebP (fallback JPG) | 1920px | 80-85% | | Content images | WebP (fallback JPG) | 1200px | 80% | | Thumbnails | WebP