LukePrior
Improve mobile site performance
https://pagespeed.web.dev/analysis/https-lukeprior-github-io-nbn-upgrade-map/oo8n14u5jd?form_factor=mobile
It may be worse now
And it's not great on Desktop either
But that may just be a bad cache-miss
I think as long as it's all hosted on GitHub we will have some limitations but I'm not seeing many complaints about performance...
Will wait for 28 days from service worker rollout to see if that helped at all.
Seems to have improved on both to acceptable levels for everything but INP
Now that INP is a core metric, I focused on reducing the blocking main thread work when loading the markers into Leaflet.
This has helped slightly and it seems to be trending down over the last week, will need to wait for complete 28 day period to confirm.
Mobile
Desktop
INP is good on desktop now but on mobile it's still not great, but I think to get it any lower is going to require significant engineering effort potentially writing a webgpu driver but I don't really feel like doing that.
Desktop remains completely stable and good, mobile fluctuates more than I would expect. Trending positively for LCP, and INP but regressing on CLS.
Any specific suggestions for site improvement are welcome.
I've migrated the site to a custom domain with CloudFlare proxy enabled, also utilising jsDelivr CDN for distribution of files which should both help performance a bit.
Future optimisations might include a better leaflet renderer including for clustering and additional compression of source files