Web 应用优化 - 充分利用缓存

1. 借助于浏览器

典型场景：Google Docs文档 → 发生断网 → 开启离线编辑

Google Docs 文档在网络异常或服务异常的情况下，不会直接中断用户的编辑动作。对于特殊环境或者紧急情况下，用户体验友好。

离线场景的持久化存储基于 indexedDB。indexedDB 可以针对大文件保存 Blob 数据，而 File 类是基于 Blob 的，所以本地附件离线持久化经过验证可行。localforage 对 indexedDB 进行了封装，提供了更加便利的 api，支持 Promise 调用，并能在不支持的浏览器中自动降级为WebSQL 和 localStorage。所以离线数据可采用 localforage 进行存储。

2. 借助于客户端容器

典型场景：Google Docs App 中打开文档。

Web 应用优化 - 充分利用缓存相关推荐

System.Web.Caching.Cache类缓存各种缓存依赖
原文:System.Web.Caching.Cache类缓存各种缓存依赖 Cache类,是一个用于缓存常用信息的类.HttpRuntime.Cache以及HttpContext.Current.C ...
Web前端优化最佳实践及工具集锦
摘要:前端的性能对于Web应用的用户体验来说非常重要.不要以为你的Web应用的性能已经足够好了,其实还会有很多可以提升的地方.本文将介绍Google和雅虎关于前端优化的最佳实践以及工具,你可以逐一检验 ...
Web应用中的缓存一致性问题
2019独角兽企业重金招聘Python工程师标准>>> 上篇总结了缓存中出现频率比较高的一些问题,今天详细说说web应用中的缓存一致性问题. 主要说以下三个方面数据库与缓存中数据不 ...
Web性能优化：What? Why? How?
为什么要提升web性能? Web性能黄金准则:只有10%~20%的最终用户响应时间花在了下载html文档上,其余的80%~90%时间花在了下载页面组件上. web性能对于用户体验有及其重要的影响,根据 ...
前端性能优化之缓存技术
缓存一直以来都是用来提高性能的一项必不可少的技术 , 利用这项技术可以很好地提高web的性能. 缓存可以很有效地降低网络的时延,同时也会减少大量请求对于服务器的压力. 接下来这篇文章将会详细地介绍在w ...
Web前端优化最佳实践及工具集锦(如减少页面加载时间)
前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快.对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升.下图显示了页面加载速度对于用户体验的影响. 你的Web页 ...
WEB前端优化之内容篇
WEB前端优化之内容篇 Web前端优化过程中难免对相关的前台内容进行重新安排.其中主要的一些点如下: 1尽量减少 HTTP 请求 (Make Fewer HTTP Requests) 作为第一条,可能 ...
web前端优化10点总结
web前端优化10点总结 tenfy 发表于2010年01月12日 11:41 阅读(5) 评论( 1) 分类: web前台开发举报实际上,我们通过前台web端的梳理和逻辑的优化(哪怕是一个 ...
Web前端优化最佳实践
一.Web 前端优化最佳实践之内容篇 Yahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献.广为人知的优化规则也由 13 条到 14 条,再 ...

Web 应用优化 - 充分利用缓存

1. 借助于浏览器

2. 借助于客户端容器

Web 应用优化 - 充分利用缓存相关推荐

最新文章

热门文章