Permlink Replies: 0 - Pages: 1 Threads: [ Previous | Next ]
AndreWolff

Posts: 1,651
Registered: 14-Dec-2007
Test Lazy loading thumbnails page
Posted: 28-Jul-2020 14:46
  Click to reply to this thread Reply
The latest versions of the Chrome, Edge FireFox and Safar browser do support Lazy loading if you add a 'loading' attribute:
<img loading= "lazy" src="thumbs/2008%2007%2013_1521.JPG" 
width="240" height="320" alt="2008 07 13_1521" title=""  />
See here for a description for Chrome.
For Safari on an iPad you have to install the iOS version 13.6 or later and enable it via Settings / Safari / Advanced / Experimental features / Lazy Image Loading.

I did test this with the FancyBox skin with an album of 1203 HDPI thumbnails of size 320x320

I did the tests on a PC with the WebpageTest with location Amsterdam/Chrome, on an iPad with Safari and iOS version 13.6 and on an old Android tablet with Chrome version 81 and Android version 4.4.2. For the tests on tablets, the cache was emptied before each test.

Test with Justfied-Gallery without Lazy loading
WebpageTest results, see FB_JG_NoLazyLoading.PNG
Start Render / First view / Doc Complete / Fully loaded
47,7s / 84,7s / 84,8s / 84,9s
Video shows loading ready after 5,1 sec
iPad viewport ready after 12-13s
Idem Android Chrome: 25-52s
Idem Android Chrome Lite: 21-45s



Test with Justfied-Gallery with Lazy loading
WebpageTest results, see FB_JG_LazyLoading.PNG
Start Render / First view / Doc Complete / Fully loaded
2,5Ss / 84,2s / 83,4s / 83,6s
Video shows loading ready after 3,2 sec
iPad viewport ready after 12-19s
Idem Android Chrome: 12-13s
Idem Android Chrome Lite: 15-19s



Test with No Justfied-Gallery without Lazy loading
WebpageTest results, see FB_NoJG_NoLazyLoading.PNG
Start Render / First view / Doc Complete / Fully loaded
48,3s / 84,7s / 84,5s / 84,7s
Video shows loading ready after 32,7 sec
iPad viewport ready after 5-7s
Idem Android Chrome: 19-24s
Idem Android Chrome Lite: 20-32s



Test with No Justfied-Gallery with Lazy loading
WebpageTest results, see FB_NoJG_LazyLoading.PNG
Start Render / First view / Doc Complete / Fully loaded
2,5s / 3,1s / 3,s / 4,2s
Video shows loading ready after 3,2 sec
iPad viewport ready after 13-16s
Idem Android Chrome: 7-10s
Idem Android Chrome Lite: 4-11s



Conclusion:
On a Windows PC and on an iPad, I do see no significant improvement of Lazy loading.

On my old Android tablet I see some improvement with Lazy loading, but I am not sure whether this is correct for a more recent Android tablet/phone.

The test albums are still on-line,so test results of your devices are welcome.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums