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

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

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

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

2. 移动端切换容器优化

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

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

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

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

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

标签：Web,Google,Docs,列表,文档,页模式,webview,优化
来源： https://blog.51cto.com/u_15166492/2708135