Skip to content

Draft: Resolve "Homepage image is slow to load"

Josh L requested to merge feature/20-speed-homepage-image-load-times into main

Closes #20

Due to it's file size, the homepage background image is slow to load first time. Once it's cached it's fine, but new loads cause it to render slowly top to bottom, which looks pretty bad. You can clear the page cache and do a fresh load at any time by using Ctl+Shift+R. Unfortunately this cannot be easily tested on the local network because speeds are higher there.

To reduce image size, I would recommend compressing it and maybe reducing it's size slightly. It would also be possible to create multiple sizes and select the most ideal one for each screen size using css media queries. The color space could also be downgraded a little bit, as people are not likely to notice that in busy background images.

Merge request reports