LCP Gallery Takes too long to load
- This topic has 4 replies, 2 voices, and was last updated 1 month, 3 weeks ago by
.
-
Posts
-
Hi Luke,
thanks a lot for your quick reply!I’ve already done quite an extensive optimization setup (Cloudflare Pro + WP Rocket), including:
• Full page caching with automatic cache warming via WP-Cron
• fetchpriority=”high” set on the LCP element in the single product template
• Image delivery via WebP/AVIF using Converter for Media
• Automatic Cloudflare cache purge on product updates (including variations, categories, homepage)
• Lazy loading disabled specifically for the first product gallery imageAbout the 20 kB image size suggestion:
We tested this – it’s fine for thumbnails or product grids, but for the main gallery view, especially on retina screens or when zoom is enabled, quality suffers.
We currently use optimized AVIF/WebP images in the 80 – 120kb kB range, which seems to be the sweet spot between quality and speed.What we’ve identified as the real LCP bottleneck:
The first gallery image isn’t prioritized properly – it’s often lazy-loaded or fetched too late, even though it’s above the fold. That causes the LCP to shift or delay.We’re now testing a manual link rel=”preload” for the first image, or alternatively setting fetchpriority=”high” on the initial
inside the gallery.
If you happen to have a filter or snippet to force that behavior inside WoodMart’s product gallery (maybe via hook or template override), that would be super helpful!
Best regards
