Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for multi-resolution mobile/desktop images (srcset) #1988

Open
1 of 7 tasks
gcushen opened this issue Nov 25, 2020 · 1 comment
Open
1 of 7 tasks

Add support for multi-resolution mobile/desktop images (srcset) #1988

gcushen opened this issue Nov 25, 2020 · 1 comment

Comments

@gcushen
Copy link
Collaborator

gcushen commented Nov 25, 2020

Feature Request

Goal:

Speed up page loads and improve Lighthouse scores by loading images dynamically depending on the screen size.

Scope

blox-tailwind module

Actions:

Add srcset for multi-resolution mobile/desktop images (whilst also checking all images utilise native lazy loading).

Add srcset to the following images:

  • Blocks with image functionality
  • Images/Figures
  • Images in Listing Views (list items)
  • Featured/Cover image
  • Header image
  • Block background images
  • Gallery images (not yet ported to Tailwind module)
@jwmbeenakker
Copy link

jwmbeenakker commented Sep 30, 2024

I think this especially important for the block background images, as these are also part of hero-block and therefore significantly impact the loading times of the homepage...
google performance on mreye.nl

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants