Overview

This simple code override applies lazy loading to all the images within a Framer CMS formatted text field.

While Framer automatically applies lazy loading to most images below the fold, it doesn't currently support this functionality for CMS formatted text fields.

All you have to do is create a new code override, copy and paste the code provided in the sample project, and then apply it to the formatted text field in your CMS collections.

By lazy loading all the images in the field below the fold, you should see a significant improvement in your Largest Contentful Paint (LCP) score.

Note: Do NOT apply this override if the formatted text field has images above the fold. If you do, you'll see a decrease in your loading time.