A friend asked for help with a portfolio website, and I decided to use this as an excuse to try out Elm 0.19 and the browser package. I just deployed the website and it is accessible at https://emikoyasuda.xyz
Everything works great, however: there is a weird issue with images being cached by the browser. For example, from the main homepage, when you click on “Steap” (first tile) and then use the top-left navigation to rapidly switch to some of the other pages (e.g. to “Discover London” etc) back and forth, I can see that:
- The DOM gets updated
- Plaintext changes to new content as expected
However, images displayed actually remain the same as in the previous page, despite the DOM node pointing to a different image.
I tested this on Chrome 71 and Safari and the issue is the same.
Has anyone experienced this, any ideas how to fix it? Thanks!
Edit: I found that the images given to me were actually quite large (~8MB of images per page), I put them through a PNG optimiser which I think helped a bit.