SPA单页面

缺点

• 首屏渲染时间长

需要下载多个文件来渲染首页

• 不利于SEO

搜索引擎获取网页内容进行分析，但是对于SPA 首页都是一些load js和css包的，没有什么有用的信息

优点

• 用户体验好
• 开发效率高
• 渲染性能好
• 可维护性好

同构渲染/服务端渲染

• 基于React、Vue等框架，客户端渲染和服务端渲染的结合

  • 在服务端执行一次，用于实现服务器渲染
  • 在客户端再执行一次，用于接管页面交互

    优点

• 核心解决SEO和首屏慢的问题

• 使用第三方解决方案
  • React使用的Next.js
  • Vue生态的Nuxt.js

    缺点

    在node中渲染完整的应用程序，相比仅仅提供静态文件的服务器需要大量占用CPU资源
    如果应用在高流量环境下使用，需要准备相应的服务器负载
    需要更多的服务端渲染优化工作处理

    对比