EU Inc. CSS Masonry

  1. 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)
  2. In this example, the image gallery JSON is grabbed from the image gallery iframe widget instead
  3. The same masonry layout is rendered using CSS grid columns and media queries, since the current CSS masonry feature is minimally supported
  4. 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)
  5. 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