單頁面開發與多頁面開發的區別和優缺點

1、多頁面和單頁面的概念

多頁面（MPA）：指一個應用中有多個頁面，頁面跳轉時是整頁刷新。

單頁面應用（SPA）：指只有一個主頁面的應用，瀏覽器一開始要加載全部必須的 html, js, css。全部的頁面內容都包含在這個所謂的主頁面中。但在寫的時候，仍是會分開寫（頁面片斷），而後在交互的時候由路由程序動態載入，單頁面的頁面跳轉，僅刷新局部資源。多應用於pc端。

2、多頁面和單頁面的區別

 

3、多頁面和單頁面的優缺點

一、單頁網站：
優點：單頁網站最直接的好處是以簡單，容易和可操做的方式展現給用戶。比較適合移動端和響應式網站佈局，還有專家稱單頁網站轉化率高，這個須要驗證，我的認爲都差很少。關鍵是看你網站的內容或其餘特點是否足夠吸引客戶的程度。
劣勢：單頁網站最大的劣勢就是須要把過多的內容放置在一個頁面裏。由於一個頁面不可能容納全部的一切。而是須要有視覺層次和大量的規範制約。從技術的角度來看，單頁網站的搜索優化比多頁網站少。當一個頁面上的內容和圖像不少時，會增長加載速度，固然你的內容不多就無所謂了。

二、多頁網站：
優點：內容承載率大，給客戶可查詢的信息量大，供對多個頁面和改變內容的SEO的更好控制。
劣勢：傳統展現方式，若是導航不清晰客戶可能很難找到想要的東西。
因此總結起來，網站要根據你的內容優先的方法。 找出用戶關心的內容，而後相應地設計您的界面，網站的清晰度很重要。

圖片來源地址:https://juejin.im/post/5a0ea4ec6fb9a0450407725c