在我的网站上,我打算使用HTML5 <audio>
标记来传输背景音频。然而,即使减少了轨道长度,我的两个文件(MP3和OGG Vorbis,适用于不同的浏览器)最终只能达到5MB。
由于这个原因,通过缓存文件来确保加载时间和带宽是很好的。我想知道,但似乎无法找到,是否可以强制文件缓存,或者浏览器通常是否会缓存文件。
感谢您的投入!
答案 0 :(得分:3)
您无法强制缓存。浏览器将这些文件视为标准资源,因此请确保正确配置服务器以尽可能地进行缓存。 (返回有效的ETag,Expires和Cache-Control,没有Pragma:none,304未修改的响应等。)。可以使用HTML5本地存储(但不值得努力)来缓存像图片这样的小项目。
移动浏览器有这么小的缓存,即使这样也无济于事,他们很快就会刷新缓存。
答案 1 :(得分:2)
快进了7年,现在您可以使用Service Worker轻松地做到这一点。如果您愿意,甚至可以狡猾地缓存和合并各种Range
请求。
https://developers.google.com/web/ilt/pwa/caching-files-with-service-worker