SPA 僅在 Web 頁面初始化時(shí)加載相應(yīng)的 HTML泰涂、JavaScript 和 CSS烙心。一旦頁面加載完成泡态,SPA 不會(huì)因?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è)頁面中動(dòng)態(tài)替換顯示典徊,所以在 SEO 上其有著天然的弱勢杭煎。
vue 首屏渲染優(yōu)化有哪些
圖片壓縮/懶加載
禁止生成 .map 文件
路由懶加載
cdn 引入公共庫
SSR服務(wù)器渲染