The background image is pretty huge and takes a while to load:
https://reactvancouver.com/static/background-9b9550ecd7d1a72b38c78b58c1359201.jpg
I think it could be much smaller, especially since some detail is probably lost from the overlay anyways.
Might be better for performance to use an <img> tag with srcset rather than a background-image so an appropriately sized image can be loaded for multiple screen sizes.
The background image is pretty huge and takes a while to load:
https://reactvancouver.com/static/background-9b9550ecd7d1a72b38c78b58c1359201.jpg
I think it could be much smaller, especially since some detail is probably lost from the overlay anyways.
Might be better for performance to use an
<img>tag withsrcsetrather than abackground-imageso an appropriately sized image can be loaded for multiple screen sizes.