SPA通俗的說就是單頁面應用（single page application）

優點

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

缺點

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

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

SEO是一種通過了解搜索引擎的運作規則（如何抓取網站頁面，如何索引以及如何根據特定的關鍵字展現搜索結果排序等）來調整網站，以提高該網站在搜索引擎中某些關鍵詞的搜索結果排名。

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

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

優點

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

缺點

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

前后端分離的概念

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

基本概念

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

主要優點

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

總結

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

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

SEO對于跟多網站很重要而普通的SPA又不利于SEO；

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

轉載于:https://www.cnblogs.com/lml-lml/p/9587903.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。