学习前端的第405天，渲染优化进化史

---

前言

首屏优化或者项目优化是面试必考的一题，服务端渲染又是优化里面的十分重要的

一、渲染进化史

SSR(2005年之前) => CSR(2005年) => SSR(2012年) => ESR(2020年)

二、各板块介绍

1.SSR(2005年之前)

是（Server Side Rendering）的简写，主要是JSP,PHP为主，前后端杂糅在一起。

2.CSR(2005年)

是（Client Side Rendering）的简写，以JQuery的诞生为标志，开发进入前后端分离阶段，以及Vue，React，Angular前端框架开发出来的SPA（单页面应用），前端有了质的提升

3.SSR(2012年)

是（Server Side Render）的简称，服务端渲染，以Node为主，使用后端将html全部准备好，直接抛给前端。 ## 4.ESR(2020年) 是（Edge Side Rendering）的简称，边缘渲染，由于CDN节点距离用户更近，有更短网络延时的优势，我们可以将页面进行动静拆分，将静态内容缓存在CDN先快速返回给用户，然后在CDN节点上发起动态内容的请求，之后将动态内容与静态部分以流的形式进行拼接