How to decrease Cumulative Layout Shift caused by an app?

[akosbalog]

Hi everyone,

I'm trying to fix a high Cumulative Layout Shift (CLS) score of 0.15 on my website phenomestraps.com. I'm using Dawn theme. I've found that covet.pics instagram gallery app loading time causes the layout shift.

Can you help me, how can I fix it? How can I add a fixed height spaceholder, or something like that?

Thanks in advance!

[akosbalog]

Can you help me how to do that?

[akosbalog]

where should it be added? I've tried adding to the custom CSS, but didn't help

[tim · Accepted solution]

I wonder why app does not do it. The solution is to add the following code to the "Custom CSS" of the covet app section:

.covet-pics-shopify-section {
  min-height: calc(33.33vw + 28px );
}

(not that fixed px height value would not help as section height changes with window width)

In my browser it gives CLS of 0: