多頁面應用 VS 單頁面應用

2022-05-13 12:37:18 字數 357 閱讀 7322

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

優點:首屏時間快(只經歷了乙個http請求),seo效果好

缺點:頁面切換慢

進行頁面之間跳轉時,並不去載入html檔案,而是通過js動態地把當前的內容刪除掉,再去把新的頁面結構上的dom元素渲染出來。當頁面做跳轉時,不需要做html檔案的請求,節約了http請求傳送的時延,使頁面切換時間非常快,

優點:頁面切換快,

缺點:首屏時間稍慢(需要去請求一次html,一次js的請求),seo差(搜尋引擎識別html,不識別js)(通過伺服器端渲染可以解決這些問題)

單頁面應用 與 多頁面應用

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

多頁面應用和單頁面應用

每次頁面跳轉,後端都會返回乙個新的html檔案。優點 首屏時間快,seo效果好 缺點 頁面切換慢 後端路由切換頁面 每次跳轉頁面都要發乙個http請求。只在首次載入時請求乙個html檔案,頁面切換的路由由前端完成,使用js動態地刪除和渲染頁面。優點 頁面切換快 由前端路由切換頁面 缺點 首屏時間稍慢...

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

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