>[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 -- 客戶端渲染 ~~~ ~~~