Operations
LCP (Largest Contentful Paint)
LCP measures when the largest visible element on a page finishes rendering. Target: under 2.5 seconds. The element is usually the hero image, hero headline, or a video. Critical Core Web Vital.
More detail
Fixes for slow LCP: (1) preload the hero image (`<link rel="preload" as="image">`), (2) serve next-gen formats (webp, avif), (3) size images correctly (no 4000px image for a 800px viewport), (4) avoid hero render-blocking on font loading. Aiprosol's hero uses Three.js for the AI constellation; the LCP is the cycling-headline H1 text, which is fast.