SPA
单页面应用,通俗点就是整个网站由一个html页面构成,不会因为用户的*作而进行页面的重新加载或跳转,页面切换不会刷新浏览器,更像是异步单页面渲染,前后端分离,实现的手法就是通过路由和组件。三大框架Angular、Vue、React都是SPA。
优点
服务器压力小
响应速度快
缺点
难以进行SEO搜索引擎优化,引擎爬虫抓取工具可以直接查看完全渲染的页面
首屏打开速度很慢(因为要一次性加载多种依赖和包)
SSR
服务端渲染,由服务器进行渲染为 HTML 字符串并返回给客户端渲染完成的html
优点
超快的响应速度
易做SEO
缺点
增加服务器压力
主流框架
Next.js —— React的SSR方案
Nuxt.js —— Vue的SSR方案