單頁面應用與多頁面應用之間的比較

2021-09-27 10:12:14 字數 464 閱讀 9537

是用js渲染,每次頁面間的跳轉都是都通js把之前的頁面內容刪掉後,加上新的內容,這樣避免了每次跳轉去傳送http請求,整個過程就只傳送了乙個http請求,頁面製作區域性重新整理或者更改,這樣切換頁面速度更快,缺點就是相對於多頁面應用來說,seo效果更差,首屏時間更長。vue會提供伺服器渲染方面的技術,進行優化,這對前端開發來說就是很好的乙個選擇。(這樣需要開發成本較高)

url結構:a.com/#/pageone

是每次頁面跳轉都傳送http請求,去請求乙個html檔案,因為搜尋引擎根據網頁內容進行搜尋,所以這樣每次傳送新的http請求只是請求了該頁面的內容,整頁進行重新整理,相對於全部頁面內容就更少,這樣seo效果就更好,同時頁面首屏時間更快;缺點就是頁面切換會很慢,因為每次都需要發請求,遇到網絡卡時段,返回資料就會慢。

url結構:a.com/pageone.html

單頁面應用 與 多頁面應用

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

多頁面應用和單頁面應用

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

多頁面應用 VS 單頁面應用

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