Lesson image is corrupted if lazy load

Hi @affiliatedachs

When using a caching plugin you’ll want to be sure to exclude LifterLMS content.

LifterLMS content is all dynamic, which is why you will notice many parts of LifterLMS break when being subjected to a cache that is expecting static content.

If you reach out to Stripe they should be able to help you exclude the LifterLMS pages: Dashboard, Course Catalog, Membership Catalog, and Checkout. Along with the post types course, lesson, and quiz.

Let us know if you have any further questions!

All the best,

Hi, Natalie!

This is not about caching. I do not have any caching on my test site. It is about lazy loading, where the images are loaded only when needed.

Generally, LifterLMS does not have any issues with lazy loading in any other area. I can see the featured images loaded correctly in all other places and shortcodes. E.g. there is no issue with this shortcode: [lifterlms_course_syllabus course_id=”2322″]. The only place where the images are not load properly is the course page.

The setting in Kadence Customizer for Course Layout is:
Two Column Tiles + Show Lesson Thumbnail in Syllabus?

By the way, there is no option to deactivate lazy loading for one page only in SiteGround Optimizer, see https://www.siteground.com/tutorials/wordpress/sg-optimizer/image-optimizations/#Lazy_Load_Media .

Sofia

• This reply was modified 1 year, 8 months ago by Sofia.

Hi Sophia, the lazy loading setup is usually a caching strategy where the cache doesn’t receive the image until the asset is attempted to load on the page which is why we see it as a caching conflict in this case. I’d recommend checking out this forum reply: https://www.ads-software.com/support/topic/lazy-loading-exclusion/

Removing those media files as your images from the Lazy Load sounds like it might work for that