[Site Speed] resize images

[Ipstenu]

Option 1 - Preload

Galleries slow down load. To help this, build out header to preload the images and help speed it up.

Options 2 - Smaller Images

• https://pagespeed.web.dev/analysis/https-jorjafox-net-library-recaps-csi-vegas-0101-legacy/x0k0lme9fj?form_factor=mobile

Per that, the 'small' images are 788x788 - so we should change that to 200x200 instead and then click to show intermediary image (with a link to full?)

• https://gethinode.com/docs/content/images-and-figures/
• https://github.com/gethinode/hinode/blob/9b5c572ab904c83c7004c3444a925bf2cb1a2e33/data/dimensions.yml#L44

[Ipstenu]

Asked https://github.com/gethinode/hinode/discussions/1228

[Ipstenu]

https://www.brycewray.com/posts/2022/06/responsive-optimized-images-hugo/

[Ipstenu]

Turns out if I properly resize images, I don't need to preload the gallery! Yay!

[Ipstenu]

https://github.com/future-wd/hugo-responsive-images Could make my code … smaller

[Ipstenu]

Maybe https://github.com/dimsemenov/PhotoSwipe

Instead of the bs5 one, which really doesn't matter in the end...

[Ipstenu]

Or...

1. Make a modal for all images, passing in the image id to make it active
2. Use the built in gallery

https://getbootstrap.com/docs/5.3/components/modal/

https://getbootstrap.com/docs/5.3/components/carousel/