SPA 僅在 Web 頁面初始化時(shí)加載相應(yīng)的 HTML、JavaScript 和 CSS。一旦頁面加載完成，SPA 不會因?yàn)橛脩舻牟僮鞫M(jìn)行頁面的重新加載或跳轉(zhuǎn)；取而代之的是利用路由機(jī)制實(shí)現(xiàn) HTML 內(nèi)容的變換，UI 與用戶的交互，避免頁面的重新加載。
優(yōu)點(diǎn)：

用戶體驗(yàn)好、快，內(nèi)容的改變不需要重新加載整個(gè)頁面，避免了不必要的跳轉(zhuǎn)和重復(fù)渲染；
有利于前后端職責(zé)分離，架構(gòu)清晰，前端進(jìn)行交互邏輯，后端負(fù)責(zé)數(shù)據(jù)處理；

缺點(diǎn)：

初次加載耗時(shí)多：為實(shí)現(xiàn)單頁 Web 應(yīng)用功能及顯示效果，需要在加載頁面的時(shí)候?qū)?JavaScript、CSS 統(tǒng)一加載，部分頁面按需加載；
不利于 SEO：由于所有的內(nèi)容都在一個(gè)頁面中動態(tài)替換顯示，所以在 SEO 上其有著天然的弱勢。

vue 首屏渲染優(yōu)化有哪些

圖片壓縮/懶加載
禁止生成 .map 文件
路由懶加載
cdn 引入公共庫
SSR服務(wù)器渲染