lazy class

1 reply · opened Apr 5, 2021

SsilkysackApr 5, 2021

on shape-dividers.html i noticed the load sometimes takes too long and when scrolling past a shape divider section.

I tried removing the lazy class but then the bg image does not load at all. Is the lazy class required, or is there a way to have it load faster?

SSemicolon WebSTAFFApr 5, 2021

Hello,

The Image Background used in the Shape Dividers are loaded from an external source which is why it takes time to load. It is displayed as soon as the Image is downloaded.

If you are removing the .lazy Class, you will need to change the data-bg="https://source.unsplash.com/X4-hrX1_Jmc/1920x1080" to background-image: url('https://source.unsplash.com/X4-hrX1_Jmc/1920x1080'); and add it to the style Attribute.

This will definitely work fine. Hope this Helps!

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard