Lazy Load

Question

Hello, I am looking for ways to increase page load...can the lazy class be used to make it so each <section> loads on scroll so that the preliminary preloader is quicker?

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, this is currently not supported. The .lazy Class can only be used for Medias like Images, Videos, BG Images or iFrames at the moment, not for actual HTML Elements. The Infinite Scroll: https://infinite-scroll.com/ could be a possible solution here, but the implementation can be very complicated depending on the content loaded and other JS dependencies.

We are always looking for ways to improve load times with Canvas and will definitely release improvements with updates.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

silkysack · Answer

With the lazy class can it be added simply to an image or video like below? Can you instruct how it can be used?

Semicolon Web · Answer

Hello,

Please consider checking out this Documentation on Lazy Loading: http://docs.semicolonweb.com/docs/shortcodes/lazy-loading/ which has complete examples on the different media types supported.

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.