浏览器缓存与HTML5应用程序缓存

Man*_*thy 11 html5 caching html5-appcache

HTML5应用程序缓存是否与浏览器缓存不同?如果是这样,在哪些方面,它是不同的,这个机制如何工作?并告诉我如何使用AppCache我们可以提高浏览性能.还讨论HTML5 AppCache的优缺点(其到期和存储大小限制等),??

Las*_*ama 10

HTML5缓存

HTML5提供应用程序缓存,这意味着Web应用程序可以缓存,并且无需Internet连接即可访问.应用缓存为应用程序提供了三个优势

  • 离线浏览 - 用户可以在脱机时使用该应用程序

  • 速度 - 缓存的资源加载速度更快减少服务器负载 -

  • 浏览器只会从服务器下载更新/更改的资源

浏览器缓存

Internet浏览器使用缓存来存储HTML网页,方法是存储访问过的页面的副本,然后在重新访问该页面时使用该副本进行渲染.如果页面上的日期与先前存储的副本的日期相同,则计算机将使用硬盘驱动器上的日期,而不是从Internet重新下载.

参考文献 -

新的HTML5规范允许浏览器在客户端连接时预取部分或全部网站资产,如HTML文件,图像,CSS,JavaScript等.用户之前不必访问该内容,以获取该内容.换句话说,应用程序缓存可以预取根本没有访问过的页面,因此在常规浏览器缓存中不可用.预取文件可以加快网站的性能,但您当然最初使用带宽来下载这些文件.


小智 5

AppCache 已被弃用

请参阅Google 的注释Mozilla 的. Google 建议使用Service Worker Cache API(Mozilla 将其归类为“实验技术”)。注意:与 Safari 的兼容性有限