Largest Contentful Paint is frequently determined by the hero image or the first above-the-fold media element. On WordPress sites with unoptimised media pipelines, the LCP element is often a full-resolution JPEG or PNG served without format negotiation, without proper sizing hints, and without a CDN-optimised URL structure. Nexora Media addresses each of these in a single pipeline.
Format conversion
Media converts uploaded images to WebP and AVIF during ingestion, maintaining the original as a fallback. The format served to a given request is determined by Accept header negotiation: browsers that send image/avif receive AVIF (typically 40–60% smaller than equivalent JPEG); those supporting WebP receive WebP; others receive the original format.
Conversion is applied at upload time and stored as distinct variants, not generated on-the-fly per request. This keeps Time to First Byte low for image requests even without edge caching.
Responsive source sets
Media generates srcset declarations automatically based on your registered image sizes and a configurable breakpoint grid. Rather than relying on WordPress’s default srcset logic, Media generates sets that match your actual design breakpoints and removes sizes that are never requested by your layout.
For a typical hero image on a 1400px max-width layout, Media might generate widths at 400, 640, 960, 1200, and 1400px — each in WebP and AVIF variants. The browser loads the appropriate size based on the viewport and device pixel ratio, reducing wasted payload on mobile.
CDN-compatible output
Media’s URL structure uses path-based parameters that are compatible with most CDN query-string normalisation policies. Image URLs follow the pattern /media/[hash]/[width]/[format]/[filename], which CDNs cache cleanly without parameter collision issues that affect query-string-based image optimisation plugins.
Measuring LCP impact
Media’s dashboard shows LCP measurements for pages where the LCP element is a media asset tracked by Nexora. You can compare lab-measured LCP before and after Media configuration changes, and view payload reduction per page expressed as a percentage and absolute byte saving.
The regression check feature runs a baseline measurement each time your image configuration changes, flagging cases where a Media update increases payload or LCP rather than reducing it — useful when testing new compression settings or adding new image sizes.
To evaluate Media on your WordPress install, include your current image strategy (CDN provider, if any, and approximate number of registered image sizes) in your demo request.