Cumulative Layout Shift measures the movement of visible elements within the viewport. [Learn more](https://web.dev/cls/).

Cumulative Layout Shift

First Contentful Paint marks the time at which the first text or image is painted. [Learn more](https://web.dev/first-contentful-paint/).

First Contentful Paint

First Meaningful Paint measures when the primary content of a page is visible. [Learn more](https://web.dev/first-meaningful-paint/).

First Meaningful Paint

Time to interactive is the amount of time it takes for the page to become fully interactive. [Learn more](https://web.dev/interactive/).

Time to Interactive

Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more](https://web.dev/lighthouse-largest-contentful-paint/)

Largest Contentful Paint

Keep the server response time for the main document short because all other requests depend on it. [Learn more](https://web.dev/time-to-first-byte/).

Initial server response time was short

Speed Index shows how quickly the contents of a page are visibly populated. [Learn more](https://web.dev/speed-index/).

Speed Index

Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. [Learn more](https://web.dev/lighthouse-total-blocking-time/).

Website performance of https://johackim.com