Eager/Lazy Load Images in Webflow
Lazy and eager loading are the fundamentals of website optimization. We want to eager load any image that's visible when the page is loaded (in the hero section) and lazy load all other images. Using eager and lazy load correctly will speed up the initial page load of the site.
1. Click on Open Designer
2. Click on the image you want
3. Click on Settings
4. Click on the type dropdown
5. Choose the relevant option
Eager = If the image is visible when the page loads
Lazy = If the image is below the fold and not visible on the initial page load.
