search

metafizzy / packery

:bento: Gapless, draggable grid layouts
https://packery.metafizzy.co
4.13k stars 315 forks source link

Packery results in significant cumulative shift score #550

Open hertze opened 4 years ago

hertze commented 4 years ago

Perhaps unavoidably so, Packery drags my site down with a significant cumulative shift (CLS) score during Lighthouse tests. Has anyone found a way around this?

edgarsoto-wt commented 2 years ago

Hi, I'm having the same issue, did you find any solution for that?

hertze commented 2 years ago

Sorry, I never did. I just assumed this was an unavoidable consequence of using layout JavaScripts like this. 

On March 28, 2022, edgarss87 @.***> wrote:

Hi, I'm having the same issue, did you find any solution for that?

— Reply to this email directly, view it on GitHub https://github.com/metafizzy/packery/issues/550#issuecomment- 1081085012, or unsubscribe https://github.com/notifications/unsubscribe- auth/AAA57B4EZICQ2ITU5JQO3G3VCIGGPANCNFSM4O5QCQHQ. You are receiving this because you authored the thread.Message ID: @.***>

boomsprout commented 1 year ago

I have the same issue. Has anyone either 1) found an alternative to Packery, or 2) found a way to modify Packery to eliminate the CLS? It seems like there should be a way to lock the layout in place after the viewport has been detected and elements rendered. Currently, even after the page loads, the elements in the layout shift before and as you scroll. It looks kinda cool but definitely causes CLS and thus pages receive a lower score. Thanks in advance for the help!