Google Chrome Team Shares Tips For Optimizing Core Web Vitals

Optimizing Largest Contentful Paint (LCP)

[{"selector":"#anim-2c69905a-9247-4c60-9582-475c74a3fa2b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(28.90624987200394%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]

Use A Content Delivery Network (CDN) To Reduce Time To First Bite (TTFB)

[{"selector":"#anim-c7fa06e9-9dd2-44f6-804a-f73101cf497a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(31.249999886225726%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]

Optimizing Cumulative Layout Shift (CLS)

[{"selector":"#anim-03dfc97d-39a4-4331-b4b8-898643137e14 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(8.0685720159878%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]

Ensure Pages Are Eligible For Bfcache

[{"selector":"#anim-7650bc17-3334-404c-902a-60d2acffac24 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(31.239550045397984%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]

Avoid Animations/Transitions

[{"selector":"#anim-d1e17095-f594-4917-9d09-7cfa0793e9d3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(31.249999886225726%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]

Avoid Large Rendering Updates

[{"selector":"#anim-70d24fd7-0724-40af-b08e-b9faf480c7e0 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(31.22618532215235%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]

Optimizing First Input Delay (FID)

[{"selector":"#anim-e04a8ede-db3d-4801-bd89-fdd3de9a2dbe [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(19.751495896712736%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}]