Web应用优化 - 优化切页模式

1. 首页Google网盘打开模式优化SPA

Web应用优化 - 优化切页模式

典型场景:Google Docs 空间列表 → 打开目录 → 打开云文件

SPA是一种web应用程序或网站,它通过使用来自web服务器的新数据动态重写当前web页面来与用户交互,而不是浏览器加载整个新页面的默认方法。目标是更快的过渡,使网站感觉更像一个本地应用程序。

2. 移动端切换容器优化

典型场景:移动端 Google Docs 文档列表 → 打开单个 docs 文档

在移动端 Google Docs App 中,文档列表,页面呈现是一个常驻的 webview,同时做了离线包优化。当用户从列表打开单个文档,并不会在当前 webview 继续跳转,而是打开一个新的 webview 去渲染内容。当用户在文档页后退时,文档列表所在 webview 容器只需要拉取对应数据,不再重新加载新代码,用户无明显刷新感知。

3. 演示文稿直出优化***

Web应用优化 - 优化切页模式

典型场景:Google Docs 演示 → 打开新窗口演示

***(服务器端渲染), 由服务端把渲染的完整的页面吐给客户端。这样减少了一次客户端到服务端的一次http请求,加快相应速度,通常用于首屏的性能优化

上一篇:Web应用优化 - 减少重复计算


下一篇:5.mongoDB更新操作