Annoying flash of images on first page load

[WhiteHoodHacker]

After first loading the home page, images will first appear as blur placeholders, then eventually the actual images will load one-by-one. However, after this happens, all the images briefly disappear so a flash occurs. Confirmed issue on Chrome/Firefox. Possibly related to rehydration or Gatsby's image plugin.

[WhiteHoodHacker]

Closed in favor of #52

[WhiteHoodHacker]

I can't replicate this on a local server, so maybe it has something to do with Cloudflare Pages?

[WhiteHoodHacker]

This was a pain to debug. The console errors indicated that this was a React hydration issue where the HTML on the client doesn't match what React renders. However, this issue only appeared on beta.sigpwny.com - not on any development server, GitHub Pages, or even sigpwny-com.pages.dev. Auto minify was already disabled on Cloudflare Pages. It turns out the issue was DNS 🥲. Specifically, Cloudflare's DNS proxy:

I guess enabling that adds some extra minification/processing to the transferred site content? Anyways, disabling that fixed the issue.