当前几种常见的前端性能优化方案仍然不可避免地会存在一些缺点。本文在 ESI (Edge Side Include) 的基础上，提出了一种新的优化思路：边缘流式渲染方案(ESR)，即借助 CDN 的边缘计算能力，将静态内容与动态内容以流式的方式，先后返回给用户。
背景
对于 web 页面来说，首跳场景(例如 SEO、付费引流)的性能普遍比二跳场景下要差。原因有多种，主要是首跳用户在连接复用，和本地资源缓存利用方面，有很大的劣势。首跳场景下，很多在端上的优化手段(预加载，预执行，预渲染等)无法实施。
在客户端缓存能力无法利用的情况下，利用 cdn 距离用户近的特性，可以结合缓存做一些性能优化。
思路
思路 1：SSR
为了性能优化考虑，我们一般都会通过服务端渲染(SSR) ，将首屏动态内容直接服务端输出。
这种方式的优点是一次 html 返回即可包含页面主体内容，不需要浏览器二次请求接口后再用 js 渲染。但这种方式的缺点也比较明显，对于距离服务端远，或者服务端处理时间较长的场景，用户会看到较长时间的白屏。而且即使 html 返回完成了，用户并不会立即看到内容，页面还需要加载前置的 js，css 等资源后，才能看到内容
