Page MenuHomePhabricator

Lazy loading is not working on all pages
Closed, InvalidPublic

Description

I'm using MediaWiki 1.35.0 and the October 20, 2020 version of MobileFrontend with this set: $wgMFLazyLoadImages = ['base'=>true, 'beta'=>true];

The expected result is to see span class="lazy-image-placeholder" added to the images on the source page. It works on some pages, but not on others.

Page where it works: https://jojowiki.com/index.php?title=Minor_Characters&mobileaction=toggle_view_mobile
Page where it doesn't: https://jojowiki.com/index.php?title=Unnamed_Characters&mobileaction=toggle_view_mobile

It also doesn't work on the home page https://jojowiki.com/index.php?title=JoJo_Wiki&mobileaction=toggle_view_mobile

Event Timeline

Jdlrobson subscribed.

Page where it works: https://jojowiki.com/index.php?title=Minor_Characters&mobileaction=toggle_view_mobile
Page where it doesn't: https://jojowiki.com/index.php?title=Unnamed_Characters&mobileaction=toggle_view_mobile
It also doesn't work on the home page https://jojowiki.com/index.php?title=JoJo_Wiki&mobileaction=toggle_view_mobile

Lazy image loading only applies to images in sections that can be collapsed so it won't apply on your "unnamed characters" or Jo Jo Wiki page as the headings there are wrapped in divs.

MobileFrontend intentionally doesn't support a lot of its formatting when sections are wrapped e.g. your <div class="diamond-is-unbreakable-tabs"> as we cannot reliably infer the structure of the page and initial visibility of the images. This is why section collapsing also does not work on those pages.

How do I disable lazy load for a single image on a page?

@Godman: This issue tracker is not a general support forum. Please ask support questions in support forums instead. Thanks!