多頁面應用和單頁面應用

2021-10-23 02:41:11 字數 343 閱讀 3695

每次頁面跳轉,後端都會返回乙個新的html檔案。

優點:首屏時間快,seo效果好

缺點:頁面切換慢(後端路由切換頁面)。每次跳轉頁面都要發乙個http請求。

只在首次載入時請求乙個html檔案,頁面切換的路由由前端完成,使用js動態地刪除和渲染頁面。

優點:頁面切換快(由前端路由切換頁面)

缺點:首屏時間稍慢,seo效果差,因為頁面由js渲染生成,而搜尋引擎不能識別js的內容

用vue構建的web專案都是單頁面應用,會使用伺服器渲染來改善seo問題

單頁面應用 與 多頁面應用

單頁面應用結構檢視如下 多頁面應用結構檢視如下 具體對比分析 單頁面應用 多頁面應用 組成乙個外殼頁面和多個頁面片段組成 多個完整頁面構成 資源 css,js 共用,只需在外殼部分載入 不共用,每個頁面都需要載入 重新整理方式 頁面區域性重新整理或更改 整頁重新整理 url格式 使用者體驗 頁面片段...

多頁面應用 VS 單頁面應用

每一次頁面跳轉,後端都會返回乙個新的html檔案,優點 首屏時間快 只經歷了乙個http請求 seo效果好 缺點 頁面切換慢 進行頁面之間跳轉時,並不去載入html檔案,而是通過js動態地把當前的內容刪除掉,再去把新的頁面結構上的dom元素渲染出來。當頁面做跳轉時,不需要做html檔案的請求,節約了...

前端 單頁面和多頁面應用區分

該文章寫的很清晰,讓人很快的分別出其中差異 只有一張web頁面的應用,是一種從web伺服器載入的富客戶端,單頁面跳轉僅重新整理區域性資源 公共資源 js css等 僅需載入一次,常用於pc端官網 購物等 如圖 單頁面應用結構檢視 如圖 多頁面應用結構檢視 具體對比分析 組成乙個外殼頁面和多個頁面片段...