SPA通俗的說就是單頁面應(yīng)用（single page application）

優(yōu)點

頁面之間的切換非常快
一定程度減少了后端服務(wù)器的壓力
后端程序只需要提供api，不需要客戶端到底是web端還是手機(jī)等

缺點

首屏打開速度很慢，因為用戶首次加載需要先下載SPA框架及應(yīng)用程序的代碼，然后再渲染頁面。
不利于SEO搜索引擎優(yōu)化

SEO通俗的說就是搜索引擎優(yōu)化(search engine optimization)

SEO是一種通過了解搜索引擎的運作規(guī)則（如何抓取網(wǎng)站頁面，如何索引以及如何根據(jù)特定的關(guān)鍵字展現(xiàn)搜索結(jié)果排序等）來調(diào)整網(wǎng)站，以提高該網(wǎng)站在搜索引擎中某些關(guān)鍵詞的搜索結(jié)果排名。

我們之前說SPA單頁面應(yīng)用，通過AJAX獲取數(shù)據(jù)，這就難保證我們的頁面能被搜索引擎正常收到，并且有一些搜索引擎不支持執(zhí)行js和通過ajax獲取數(shù)據(jù)，那就更不用提SEO了。為了解決這個問題，，SSR登場了

SSR通俗的說就是服務(wù)器端渲染(server side rendering)

優(yōu)點

更快的響應(yīng)時間，不用等待所有的js都下載完成，瀏覽器變成顯示比較完整的頁面
更好的SSR，我們可以將SEO的關(guān)鍵信息直接在后臺就渲染成html，從而保證搜索引擎的爬蟲都能爬取到關(guān)鍵數(shù)據(jù)

缺點

占用更多的cpu和內(nèi)存資源
一些常用的瀏覽器的api可能無法正常使用，比如window，document，alert等，如果使用的話需要對運行環(huán)境加以判斷
開發(fā)調(diào)試會有一些麻煩，因為涉及到了瀏覽器及服務(wù)器，對于SPA的一些組件的聲明周期的管理會變得復(fù)雜
可能會由于某些因素導(dǎo)致服務(wù)器渲染的結(jié)果與瀏覽器端的結(jié)果不一致。

前后端分離的概念

傳統(tǒng)的web前后端開發(fā)大多是前端將頁面寫好，讓后端將頁面集成到項目中，這里就存著一個前后端耦合的問題，首先對于后端來說，不僅要寫后端邏輯，還得要集成前端頁面。對于前端來說，也不是很輕松就能看到頁面的真正渲染出來的樣子，這樣 肯定是不利于開發(fā)調(diào)試的，效率自然也就成了問題。針對上述問題，前后端分離的思想應(yīng)運而生。

基本概念

前后端根據(jù)AJAX接口進(jìn)行數(shù)據(jù)的交互，目前常見的是后端直接將數(shù)據(jù)已JSON的格式返回給前端，前端根據(jù)后端服務(wù)器返回的數(shù)據(jù)，操作DOM。

主要優(yōu)點

分工明確，前后端各司其職，后端專注業(yè)務(wù)邏輯和功能的實現(xiàn)，前端專注頁面實現(xiàn)和渲染。
接口明確，并行開發(fā)。在后端接口沒有實現(xiàn)好之前，前端可以自己模擬接口提供測試數(shù)據(jù)。
提高開發(fā)效率，一定程度上減少了前后端的溝通成本

總結(jié)

前后端分離降低了前端和都端的耦合度，提高了開發(fā)效率；

SPA是前后端分離中前端的一種解決方案；

SEO對于跟多網(wǎng)站很重要而普通的SPA又不利于SEO；

SSR的出現(xiàn)一定成都上解決了SPA首屏慢的問題，又極大減少了普通SPA對于SEO的不利影響。

轉(zhuǎn)載于:https://www.cnblogs.com/lml-lml/p/9587903.html

總結(jié)

以上是生活随笔為你收集整理的SPA SEO SSR三者有什么区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。