EU Inc. CSS Masonry
- EU Inc has a good Lighthouse score, but leaves a spinner for 70MB of images in a JS widget iframe (which is technically til first paint)
- In this example, the image gallery JSON is grabbed from the image gallery iframe widget instead
- The same masonry layout is rendered using CSS grid columns and media queries, since the current CSS masonry feature is minimally supported
- Images use lazy-loading and fetch-priority attributes, to lessen 70MB effect on loading performance (ideally this is rendered server-side first, but fine for a dynamic gallery)
- The hats and famous people are cool, but ideally I'd just like to be able to register a company in 48 hours with 1EUR of assets