Freegle / Iznik / 5619 / 5619

72%

master: 70%

Pull #239

circleci

fix(nuxt3): add loading=lazy to NuxtPicture for externaluid images in MessageSummary

Images with externaluid (Uploadcare) were loaded eagerly because the NuxtPicture
component had no `loading` attribute, unlike OurUploadedImage and ProxyImage which
both correctly default to loading="lazy". On slow mobile connections (e.g. Honor 200
lite on 4G) this caused all 10 visible post images to download simultaneously,
saturating bandwidth and freezing the page for 30+ seconds.

Fix: add `:loading="preload ? 'eager' : 'lazy'"` to match the existing pattern used
by OurUploadedImage and ProxyImage. First two cards (preload=true) still load eagerly
for above-fold LCP; remaining cards are lazy as intended.

Tests: two new assertions in MessageSummary.spec.js and MessageSummaryLazyLoading.spec.js
confirm the :loading attribute is present in the externaluid NuxtPicture block.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

8885 of 10263 branches covered (86.57%)

Branch coverage included in aggregate %.

61321 of 98426 relevant lines covered (62.3%)

10.42 hits per line