Core Web Vitals are a measurement. So the work starts with one.

The hero image is the LCP element, and nothing tells the browser that

The fixRight-sized responsive sources so a phone never downloads the desktop file, eager decoding and a high fetch priority on that one image, and lazy-loading kept strictly below the fold.

The LCP image is a CSS background, so it is discovered late

The fixMoved into markup where the preload scanner can see it before the stylesheet has even finished parsing. This is often the single largest change on the page.

Render-blocking work sits in front of the first paint

The fixEverything that has to be fetched and executed before anything can draw gets cut, deferred or moved. What is left in the critical path is only what the first screen genuinely needs.

Webfonts hold the text hostage

The fixFamilies and weights reduced to what the design actually uses, the connection opened early, and a display strategy that paints text immediately rather than leaving a blank block.

Third-party tags load first and matter last

The fixChat widgets, tag managers and pixels moved behind the first paint or behind an interaction. They rarely have to be there for the hero to draw, and they usually are.

Images and embeds ship without dimensions

The fixExplicit width and height, or an aspect ratio, on every image, video and iframe, so the box exists at parse time and the picture drops into a space that was already there.

The webfont swaps and moves every line with it

The fixA fallback matched to the webfont metrics so the swap costs no reflow, and the families kept few enough that the swap happens once rather than four times.

Something is injected above content that is already drawn

The fixAnnouncement bars, cookie notices and consent layers given reserved space or moved out of the flow entirely, instead of pushing the whole page down when they arrive.

Motion animates layout instead of transform

The fixOnly transform, opacity, clip-path and filter are ever animated. A reveal that animates height or margin repaints the layout and charges you for it on this metric.

Late embeds resize themselves

The fixMaps, forms and third-party widgets boxed at a fixed ratio so the frame cannot grow into the paragraph underneath it after the fact.