Hello, tell me, did I write Lazy Loading incorrectly for this code? It is downloaded twice from the server.
<div class="section m-0 clearfix lazy" data-bg="images/3.jpg" style="padding: 0px 0; background: center center no-repeat; background-size: 100% auto">
I am trying to add Lazy Loading for background image
<div class="section m-0 clearfix" style="padding: 40px 0; background: url('images/3.jpg') center center no-repeat; background-size: 100% auto">
Hello,
The Codes you are using is correct. You can review the codes here: https://github.com/verlok/vanilla-lazyload . So, this is something that happens from the script and we do not have any control over this.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
I will update the site over the weekend, can you see the code after the update on the server?
Hello,
We can definitely do that but as we have mentioned, this would not change the outcome and the Script or the Browser might still load the Image twice. So there is nothing we can do to change this behavior as this is something we cannot control.
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