Optimizing Page Load with HTML5 Native Lazy Loading
Native HTML5 lazy loading defers offscreen images and iframes without JS. Learn how to implement it without hurting your LCP or causing layout shifts.
Loading…
ReadMeFeed / Community knowledge
#core-web-vitals
Real questions. Useful conversations. Find the people who know your stack.
html5Stopping Layout Shift: Implementing Gatsby's Image Pipeline
Learn how to eliminate Cumulative Layout Shift (CLS) in Gatsby by shifting image processing to the build step using gatsby-plugin-image and GraphQL.
gatsbyOptimizing Page Load with Gatsby Image: Implementing Static and Dynamic Assets
Learn how to implement gatsby-plugin-image to reduce CLS and improve LCP by automating image resizing and modern format conversion during the build process.