前端性能优化：当页面渲染遇见边缘计算
发布时间：2021-11-07 02:11:46 所属栏目：应用 来源：互联网
导读：当前几种常见的前端性能优化方案仍然不可避免地会存在一些缺点。本文在 ESI (Edge Side Include) 的基础上，提出了一种新的优化思路：边缘流式渲染方案(ESR)，即借助 CDN 的边缘计算能力，将静态内容与动态内容以流式的方式，先后返回给用户。 背景 对于 web
|
当前几种常见的前端性能优化方案仍然不可避免地会存在一些缺点。本文在 ESI (Edge Side Include) 的基础上，提出了一种新的优化思路：边缘流式渲染方案(ESR)，即借助 CDN 的边缘计算能力，将静态内容与动态内容以流式的方式，先后返回给用户。 背景 对于 web 页面来说，首跳场景(例如 SEO、付费引流)的性能普遍比二跳场景下要差。原因有多种，主要是首跳用户在连接复用，和本地资源缓存利用方面，有很大的劣势。首跳场景下，很多在端上的优化手段(预加载，预执行，预渲染等)无法实施。 在客户端缓存能力无法利用的情况下，利用 cdn 距离用户近的特性，可以结合缓存做一些性能优化。 思路 思路 1：SSR 为了性能优化考虑，我们一般都会通过服务端渲染(SSR) ，将首屏动态内容直接服务端输出。 这种方式的优点是一次 html 返回即可包含页面主体内容，不需要浏览器二次请求接口后再用 js 渲染。但这种方式的缺点也比较明显，对于距离服务端远，或者服务端处理时间较长的场景，用户会看到较长时间的白屏。而且即使 html 返回完成了，用户并不会立即看到内容，页面还需要加载前置的 js，css 等资源后，才能看到内容 （编辑：衡阳站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
