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

Cover Block with parallax effect does not use responsive friendly srcset attribute #35290

Open
NicoHood opened this issue Oct 1, 2021 · 1 comment
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Feature] Media Anything that impacts the experience of managing media [Type] Performance Related to performance efforts

Comments

@NicoHood
Copy link

NicoHood commented Oct 1, 2021

Description

I noticed that the Conver Block uses a css background image instead of a normal tag. The srcset cannot be applied to that, so it forces the client to download the original size image, which is bad.

Step-by-step reproduction instructions

  1. Create a cover Block
  2. Upload some large image
  3. Enable parallax Effect

Screenshots, screen recording, code snippet

No response

Environment info

WordPress 5.8 with stable Gutenberg

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

@NicoHood
Copy link
Author

NicoHood commented Oct 2, 2021

Another issue with the css background image is, that this does not support lazy loading!

@carolinan carolinan added [Block] Cover Affects the Cover Block - used to display content laid over a background image [Type] Performance Related to performance efforts labels Oct 10, 2021
@joemcgill joemcgill added the [Feature] Media Anything that impacts the experience of managing media label Nov 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Feature] Media Anything that impacts the experience of managing media [Type] Performance Related to performance efforts
Projects
None yet
Development

No branches or pull requests

3 participants