Lazy Load image on Mobile
-
Hi,
Is lazy load image works on mobile device? White testing on iPhone 8 Plus, I see that it’s not working on both Safari and Chrome.
Thanks.
-
Hi,
Just tested on an Android 8.0 + Chrome , and iOS 12 + Safari , lazy load is working on both devices.
Could you please provide the report number ?
Best regards,
Hi @longnha,
I’m going to mark this topic “Resolved,” due to lack of activity.
If you still need help, we’ll be happy to reopen the topic. ease provide your Report Number, found in WP Admin > LiteSpeed Cache > Report, if so.
Thanks!
Hi,
It’s as tested on iPhone 8+, iOS 11.4.1
Report number: BAVEBPKG
Furthermore, Google pagespeed also report issue: Prioritize visible content. I tested other lazy plugins and this issue does not happen.
Thanks.
-
This reply was modified 7 years, 10 months ago by
longnha.
Hi,
We don’t have any access to iPhone 8 Plus, but we’ve tested it on iPhone 7 Plus, since it has same screen as 8 Plus on iOS 11.4.1 , and images were lazy loaded.
However we did face that page was loading too fast that we couldn’t even notice lazy load.
We had to turn off Wi-Fi , and change data connection to 3G to test it.
About the page score , could you please provide a screenshot for both cases ? specially we’d like to know which content it indicates should be prioritized.
Best regards
Hi,
There is no tools for me to test on mobile so I’ve to check it with my eyes, by looking at the scrollbar. I test it a page with around 50 images, if lazy load works and only a few images load on first screen then the scrollbar will keep getting shorter as I scroll down.
I tested it along with Jetpack lazy load and Jetpack does work on mobile, Litespeed does not.
For the Prioritize visible content issue, you can see action at: https://developers.google.com/speed/pagespeed/insights/?utm_source=PSI&utm_medium=incoming-link&utm_campaign=PSI&url=https%3A%2F%2Fblmanga.net%2Fpage%2F2%2F&tab=desktop
Thanks.
You can inspect your iPhones browser session via a Mac using Safari Developer tools, using the same tool that you use to inspect your browser. Also with android you can use chrome on any computer.
There is also remote monitoring solutions that uses JavaScript that can provide information and direct control using web sockets of mobile browser sessions.
Provide me with a URL to test and I will test this on an iPhone 8 Plus and remote debug using safari.
Hi,
I tested on webpagetest and the result as: https://www.webpagetest.org/result/181018_VM_d8f98de98a85064c3c4a68cb3c6240c0/2/details/#waterfall_view_step1
All images are loaded.
Thanks.
Hi,
Is everything fine now?
during the time , we have also updated our lazy load feature, please test it.
Best regards,
Hi,
It’s still the same. New resulted: https://www.webpagetest.org/result/181021_WM_6162e47cf9d983a8de123e6d897346fb/2/details/#waterfall_view_step1
I cleared cache from Cloudflare before making the test.
Thanks.
I know this is old but I had the same issue. Adding this fixed it:
html {
height: initial;
} -
This reply was modified 7 years, 10 months ago by
The topic ‘Lazy Load image on Mobile’ is closed to new replies.