You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
OCI is not detecting multiple background images. It's only excluding one from the LazyLoad, while the others are still lazyloaded.
To Reproduce
Steps to reproduce the behavior:
Have a page with an element with multiple background images.
Run OCI and LazyLoad for CSS background images on it
See the resulting markup, with only one excluded image. Example: <div class="elementor-element elementor-element-1ac3863 e-con-full mobile-banner-link …" data-id="1ac3863" data-element_type="container" data-settings="{"background_background":"classic"}" data-rocket-lazy-bg-91d08a9f-0ebc-4bfe-8173-55c8544ae776="excluded" data-rocket-lazy-bg-4bd7f57f-5e77-4641-976d-ab0f4b8e3ebf="loaded">
Expected behavior
Beacon should report multiple background if found so all are excluded from LazyLoad
Desktop (please complete the following information):
OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]
Smartphone (please complete the following information):
Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]
Additional context Slack discussion:https://wp-media.slack.com/archives/C08N8J6VC/p1734451750055559?thread_ts=1733932259.948279&cid=C08N8J6VC Site:https://zinius.lt/ - The old/affected LCP element has been replaced already Old PageSpeed test - With the issue Old LCP element: <div class="elementor-element elementor-element-1ac3863 e-con-full mobile-banner-link …" data-id="1ac3863" data-element_type="container" data-settings="{"background_background":"classic"}" data-rocket-lazy-bg-91d08a9f-0ebc-4bfe-8173-55c8544ae776="excluded" data-rocket-lazy-bg-4bd7f57f-5e77-4641-976d-ab0f4b8e3ebf="loaded">
The text was updated successfully, but these errors were encountered:
Describe the bug
OCI is not detecting multiple background images. It's only excluding one from the LazyLoad, while the others are still lazyloaded.
To Reproduce
Steps to reproduce the behavior:
Example:
<div class="elementor-element elementor-element-1ac3863 e-con-full mobile-banner-link …" data-id="1ac3863" data-element_type="container" data-settings="{"background_background":"classic"}" data-rocket-lazy-bg-91d08a9f-0ebc-4bfe-8173-55c8544ae776="excluded" data-rocket-lazy-bg-4bd7f57f-5e77-4641-976d-ab0f4b8e3ebf="loaded">
Expected behavior
Beacon should report multiple background if found so all are excluded from LazyLoad
Screenshots
Screenshot of the LCP element in the PageSpeed test: https://jmp.sh/Pr5ewoie
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Slack discussion: https://wp-media.slack.com/archives/C08N8J6VC/p1734451750055559?thread_ts=1733932259.948279&cid=C08N8J6VC
Site: https://zinius.lt/ - The old/affected LCP element has been replaced already
Old PageSpeed test - With the issue
Old LCP element:
<div class="elementor-element elementor-element-1ac3863 e-con-full mobile-banner-link …" data-id="1ac3863" data-element_type="container" data-settings="{"background_background":"classic"}" data-rocket-lazy-bg-91d08a9f-0ebc-4bfe-8173-55c8544ae776="excluded" data-rocket-lazy-bg-4bd7f57f-5e77-4641-976d-ab0f4b8e3ebf="loaded">
The text was updated successfully, but these errors were encountered: