hiccupFX.js
Love it, feels like browsing the web about 20 years ago. (Or a few bad websites now…)<p>So this is an example of Cumulative Layout Shift (CLS)[0]. It is a metric (coined and named by Google) which indicates how much “movement” there is during the initial render of a page, caused by reflowing the layout. Ideally you have very little or none of it for better UX. I believe it can have an impact on organic search ranking and potentially ad rank.<p>The most common cause is images included without width and height attributes, therefore the page has to reflow after the image has been downloaded.<p>Other things that can cause it are multiple css files overriding each other and loading slowly, or JavaScript effecting the layout after it has loaded.<p>You can use Google Lighthouse [1] to measure this (and other things) on a site.<p>0: <a href="https://web.dev/cls/" rel="nofollow">https://web.dev/cls/</a><p>1: <a href="https://web.dev/measure/" rel="nofollow">https://web.dev/measure/</a>