單頁面應用程式的優缺點

2022-04-08 16:41:40 字數 899 閱讀 8522

2.良好的前後端工作分離模式

後端不再負責模板渲染、輸出頁面工作,後端api通用化,即同一套後端程式**,不用修改就可以用於web介面、手機、平板等多種客戶端。

3.減輕伺服器壓力

單頁應用相對伺服器壓力小,伺服器只用出資料就可以,不用管展示邏輯和頁面合成,吞吐能力會提高幾倍。

二、缺點

1.首屏載入慢

如果不對路由進行處理,在載入首頁的時候,就會將所有元件全部載入,並向伺服器請求資料,這必將拖慢載入速度;

通過檢視network,發現整個**載入試講長達10幾秒,載入時間最長的就是js、css檔案和**檔案及

解決方案:

vue-router懶載入

vue-router懶載入就是按需載入元件,只有當路由被訪問時才會載入對應的元件,而不是在載入首頁的時候就載入,專案越大,對首屏載入的速度提公升得越明顯。

使用cdn加速

在做專案時,我們會用到很多庫,採用cdn載入可以加快載入速度。

非同步載入元件

這裡可以參考別人的介紹(

2.不利於seo

seo 本質是乙個伺服器向另乙個伺服器發起請求,解析請求內容。但一般來說搜尋引擎是不會去執行請求到的js的。也就是說,搜尋引擎的基礎爬蟲的原理就是抓取url,然後獲取html源**並解析。 如果乙個單頁應用,html在伺服器端還沒有渲染部分資料,在瀏覽器才渲染出資料,即搜尋引擎請求到的html是模型頁面而不是最終資料的渲染頁面。 這樣就很不利於內容被搜尋引擎搜尋到。

解決方案:

服務端渲染

伺服器合成完整的 html 檔案再輸出到瀏覽器

頁面預渲染

路由採用h5 history模式

3.不適合開發大型專案

大型專案中可能會涉及大量的dom操作、複雜的動畫效果,也就不適合使用vue、react框架進行開發。

單頁面應用的優缺點

單頁面應用 spa 只有一張web頁面的應用,是一種web伺服器載入的富客戶端,單頁面應用僅重新整理區域性資源,公共資源 js css 等僅需載入一次。常用語 的pc端的官網或者是網上購物平台等。多頁面應用 1 使用者體驗好,快,內容的改變不需要載入整個頁面,從而對於伺服器的壓力較小。2 前端與後端...

單頁面應用的優缺點(SPA)

單頁面應用 spa 通俗一點說就是指只有乙個主頁面的應用,瀏覽器一開始要載入所有必須的 html,js,css。所有的頁面內容都包含在這個所謂的主頁面中。但在寫的時候,還是會分開寫 頁面片段 然後在互動的時候由路由程式動態載入,單頁面的頁面跳轉,僅重新整理區域性資源。多應用於pc端。多頁面 mpa ...

angular 單頁面應用程式

我們都知道angularjs是單一頁面應用程式,那什麼是單一頁面應用程式呢?單一頁面應用程式到底有什麼好處呢?下面我們來看一下 首先我覺得可以把頁面的響應模式分成這樣大概3個階段 1.最傳統的階段 什麼都得重新整理 最傳統的web站點中,客戶端向伺服器傳送請求,伺服器響應之後把生成好的html通過r...