>[success] # 前端框架渲染方式 ~~~ 1.常见的前端框架渲染方式'CSR、SSR、NSR、ESR' 1.1.'CSR -- Client Side Rendering' -- 客户端渲染 1.2.'SSR -- Server Side Rendering' -- 服务器端渲染 1.3.'NSR -- Native Side Rendering' -- 本地端渲染 1.4.'ESR --Edge Side Rendering ' -- 边缘渲染 ~~~ >[info] ## 解释名词FP、FCP、TTI、FID、TTFB、FMP、LCP ~~~ 1.'P'是'Paint'的缩写表示'绘制'，'F'是'First'的缩写表示'第一次'，'C'是'Contentful'的缩写表示'内容' 2.'FP' -- 'First Paint'表示'首次绘制' ~~~ >[info] ## SSR、CSR >[danger] ##### SSR -- 服务端渲染 ~~~ ~~~ >[danger] ##### CSR -- 客户端渲染 ~~~ ~~~