Crawling Docs
Home / Performance

Performance hints demo

This page is wired with the vitals package's Core Web Vitals optimizations: an LCP image <link rel="preload"> and a cross-origin <link rel="preconnect"> in the <head>, a sized + prioritized hero image, and the field measurement script at the end of the body.

Crawling Docs performance hero

Open DevTools and watch the LCP image load at high priority. The measurement script reports field Core Web Vitals on the visibilitychange/pagehide transition via navigator.sendBeacon.