Popup NOT lazy load

1

Hello guys.

I’m having an issue with popup performance. Not sure if I’ve set it wrong or there’s a bug with lazy load. Anyway:

RECREATE:

  • I create a popup following this tut: Popup Builder – Bricks Academy
  • With a popup sit in a sibling/ child of a Query
  • Set interaction to a sibling → to display popup on click.
  • Obviously the said elements are wayyyyy above fold → which should be Lazy-loaded
  • However, all popup’s images are loaded when I first visit the website.

ISSUE:

  • Popup’s images are loaded as soon as the website is loaded, although, they should be Lazy-loaded

LINK:

WHAT I TRIED (and Failed):

  • Attribute: loading; value: lazy - to each popup’s image → no help.
  • Try to display: none; visible: hidden the popup → no help
  • The only possible solution is using AJAX to load popup’s content → But AJAX is toooo slow. It takes forever to load the popup → no help.

Can anyone help?

1 Like
2

Did you solve this @reika ?

I’m having the same issue.

3

Having the same issue. Also tried a lot.

  • General Lazy loading on/off
  • Inline and External stylesheets
    Popup still appears to early and lowers my page speed insights rating… its visible on mobile screens in the PSI rendering display… can’t popups be lazy loaded per default?