在本地存储中存储JS和CSS有什么意义?

Sal*_*ali 8 javascript css performance local-storage

在阅读Stoyan Stefanov的网络性能日记本时,我遇到了以下情况:

Google和Bing在localStorage中存储JavaScript和CSS,以提高其移动网站的性能

以及带有描述的博客链接.尽管如此,我读了它(并且有使用localstorage的合理经验),我无法理解这种行为的重点.在我看来,浏览器已经在缓存CSS和JS,并且没有必要将它们存储在localstorage中.

任何人都可以用简单的英语解释是什么原因?

PS一开始我认为这可能与移动浏览器的缓存大小有关,但是当我检查时我发现他们有超过20Mb的缓存(在我看来)足以确保google和bing等热门网站将被缓存.

tjo*_*ons 3

+1,好问题。我能想到的唯一原因是加载时间的速度,在这种情况下它不再存储在缓存中。另外,正如您链接到的帖子所指出的,它使他们的 HTML 文件小了很多 ---200kb 到 39kb 是一个很大的区别。

编辑:

您问在什么情况下它不再位于缓存中。根据我对缓存工作原理的理解,我相信缓存大小是固定的,因此一段时间后,这些文件将被推出,以便为更多文件腾出空间。希望能帮助到你

  • @SalvadorDali - 我不记得确切的数字,但对于简单的浏览器缓存,限制是以兆字节为单位的,并且它是“共享的”,而不是每个站点。localStorage 只是提供更多空间并允许自定义缓存解决方案 (4认同)
  • @SalvadorDali 当有人清除缓存时,或者当网络浏览器每个会话检查服务器一次时。因此,当会话结束时,浏览器不需要从服务器重新下载这些文件。另外,如果有人填满了缓存怎么办?使用本地存储,可以防止这种情况 (2认同)