React 在每次渲染后重新下载图像
React re-downloads image after every render
编辑:
重新下载资源的原因与图片缓存有关-我之前在chrome devtools中启用了禁用缓存,禁用它解决了问题!
你不能用 React 来解决这个问题,你应该通过在图像上缓存 headers 来解决这个问题。
对于每个<img src="http://your.url" />
,浏览器将执行一个网络请求。
提高性能的最佳方法是确保请求具有适当的缓存 headers,因此实际上并不是每次都下载图像(而只是一次)
编辑:
重新下载资源的原因与图片缓存有关-我之前在chrome devtools中启用了禁用缓存,禁用它解决了问题!
你不能用 React 来解决这个问题,你应该通过在图像上缓存 headers 来解决这个问题。
对于每个<img src="http://your.url" />
,浏览器将执行一个网络请求。
提高性能的最佳方法是确保请求具有适当的缓存 headers,因此实际上并不是每次都下载图像(而只是一次)