This uses some JS code to make the home image appear only on desktop, because on mobile there's limited bandwidth so we should avoid loading such a big image on mobile.
Other approach considered: usage of <picture /> element.
However this approach won't work because <picture /> is generally use for rendering different sizes of images for different device size.
In our case, we want to completely stop rendering the home image on mobile
This uses some JS code to make the home image appear only on desktop, because on mobile there's limited bandwidth so we should avoid loading such a big image on mobile.
Other approach considered: usage of
<picture />
element.<picture />
is generally use for rendering different sizes of images for different device size.On desktop:
On mobile: