JavaScript高级编程 加入小组

27个成员 18个话题 创建时间:2019-11-21

【简单快速理解】SPA 和 SSR

发表于2020-08-14 1347次查看

 

SPA

单页面应用,通俗点就是整个网站由一个html页面构成,不会因为用户的*作而进行页面的重新加载或跳转,页面切换不会刷新浏览器,更像是异步单页面渲染,前后端分离,实现的手法就是通过路由和组件。三大框架Angular、Vue、React都是SPA。

优点

      服务器压力小

      响应速度快

缺点

      难以进行SEO搜索引擎优化,引擎爬虫抓取工具可以直接查看完全渲染的页面

      首屏打开速度很慢(因为要一次性加载多种依赖和包)

 

SSR


服务端渲染,由服务器进行渲染为 HTML 字符串并返回给客户端渲染完成的html

优点

      超快的响应速度

      易做SEO

缺点

      增加服务器压力

主流框架

      Next.js —— React的SSR方案

      Nuxt.js —— Vue的SSR方案

发表回复
你还没有登录,请先 登录或 注册!