Lazy Load not working on Chrome
-
Hi,
The lazy load facility doesn’t seem to work on Google Chrome (latest version). Have had to disable this for the time being, but browsers such as Firefox etc don’t see to have this issue ?
Thanks
The page I need help with: [log in to see the link]
-
Hi,
Doesn your theme already have lazy load feature ?
Best regards,
@qtwrk according to this, no.
https://theme.co/apex/forums/topic/how-can-i-get-lazy-loading-activated/Hi,
I see your page is lazy-loading frames , is that come from your theme?
Do you have any other plugin that have lazy load ? because from source code I see some lazy-load string.
Best regards,
Hi @qtwrk,
The only plugin I can think of that could be doing that is Fancybox. I disabled that and turned on Lazy load in LS Cache, but the problem persists.
Regds
There is also this line of CSS in the theme
/* PART 1 – Before Lazy Load */
img[data-lazyloaded]{
opacity: 0;
}/* PART 2 – Upon Lazy Load */
img.loaded{
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;
}However, even removing this doesn’t make any difference.
Everything works as expected in all browsers except Google Chrome. Disabling lazy loading for iFrames and Images in LS Cache means it works, but that defeats the purpose. Wondering if there is a bug ?
Interestingly, when I bring up the developers console in Chrome, I’m seeing the src tag being stripped initially – see src=”about:blank”.
<iframe data-lazyloaded="1" src="about:blank" width="600" height="400" data-src="https://www.youtube.com/embed/-VujGNQpRjQ?autohide=2&autoplay=0&controls=1&fs=0&loop=0&modestbranding=1&playlist=&rel=0&showinfo=0&theme=light&wmode=" frameborder="0" allowfullscreen="allowfullscreen"></iframe>That doesn’t show in any other browser
Hi Mark :
I can’t see the keyword in the source code about src=”about:blank”.
So I guess you already disable Litespeed-Cache lazyload function.
Please demo the lazy load error again, so that I can check and test the error situation.
Thanks,
@kevinchiu this is correct. I’ve had to disable it, as no images or iframes are shown with it enabled (in Google Chrome only). Are you available now so I can re-enable this so you can get the output you need from the source ?
Thanks
Hi Mark :
Yes, I’m available now. Please re-enable the Litespeed-Cache lazyload function so that I can check and test the error situation.
@kevinchiu thanks. Setting has been turned back on.
Regds
@kevinchiu Report number: PGSGYWUE
@kevinchiu I’m going to have to run lazy loading back off again, as it’s preventing images and iframes from displaying on my site.
Hi Mark:
okay.
could you please join our Slack channel,we can discuss on the Slack channel.So that we can discuss more immediately, and we can schedule a time for testing.
Or you can clone a website for me to testing the issue.Thanks,
Kevin Chiu@kevinchiu I’m already a member of the SLACK channel and am logged in now.
The topic ‘Lazy Load not working on Chrome’ is closed to new replies.