Lazy load FANCY background images

Created on 16 September 2022, over 2 years ago
Updated 26 April 2024, 10 months ago

Problem/Motivation

Google Page Speed Insights complains that background images are not lazy loaded

Steps to reproduce

Test an affected page with https://pagespeed.web.dev/
For example customer GS.

Proposed resolution

Google says, this is how to do it: https://web.dev/lazy-loading-images/
Hopefully one day CSS will also have a lazy loading property....

Lazy-loading should be default, but better add it by an (by default existing) .lazy class or something similar, so we can switch it off in special cases.

Remaining tasks

  1. Implement and test in 4.x
  2. Check pagespeed complains after fix

User interface changes

None

API changes

None

Data model changes

None

Feature request
Status

Closed: won't fix

Version

4.0

Component

Code

Created by

🇩🇪Germany Anybody Porta Westfalica

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇩🇪Germany Anybody Porta Westfalica

    @thomas.frobieter I guess we should move this over to drowl_paragraphs_bs to keep the idea?
    Or is it already solved over there?

  • Status changed to Closed: won't fix 10 months ago
  • This is already fixed in 4.x because we don't use background images anymore. Instead, we use the absolute positioned field, so we have lazy loading and responsive image.

    I would not fix this for 3.x.

Production build 0.71.5 2024