每20分钟缓存angular4服务呼叫数据的最佳机制（方式）？如果服务不可用？

Question

我有一个对webapi的角度服务调用，如果webapi关闭，必须从缓存加载数据，缓存在20分钟后过期。

哪种更好的方式来存储数据？缓存和webstorage是相同还是不同的技术？如果相同，angular4核心有没有插件的缓存api？

LocalStorage - 存储最多5 MB并终身清除浏览器的数据，它与applicationcache有何不同？ SessioStorage - 浏览器关闭和当前标签中的生命周期？它与缓存有何不同？

在角度1中，cachefactory和templatecache用于缓存技术？在angular2中，如何在没有任何第三方的情况下使用核心角度进行缓存。

如何在其他浏览器和IE浏览器中查看缓存数据？

如果服务api不可用，请将数据缓存20分钟并在20分钟后过期？ 哪种机制最适合处理这种情况（webstorage或缓存或内存数据服务或cookie）

数据大小为2 MB对象。 这是产品服务？

_ProductUrl ="http://www.testapi.com/api/product";
    getProduct(): Observable <IProduct[]>{   
      return this._http.get(this._ProductUrl)
        .map((response:Response) =>  <IProduct[]> response.json())
        .catch(this.handleError);

}  

product.component.ts

ngOnInit(){
this._productService.getProduct())
  .subscribe((response) => {
this.productData = response;
}),(err)=> {this.errorMsg =<any>err};