当前位置:   article > 正文

现代化的服务端渲染(同构渲染)_服务端渲染:同构

服务端渲染:同构

在这里插入图片描述

同构渲染

同构渲染 = 后端渲染 + 前端渲染

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

1、在服务端执行一遍,通过服务端渲染实现首屏直出
2、在客户端再次执行一遍,用于接管页面及之后的交互

  • 有利于解决首屏加载慢的问题以及有利于SEO优化
  • 既拥有传统服务端渲染的有点,也有客户端渲染的优点
实现同构渲染
  • 使用Vue、React等框架的官方解决方案
    • 优点:有助于理解原理
    • 缺点:需要搭建环境,比较麻烦
  • 使用第三方解决方案(常用)
    • React生态的Next.js
    • Vue生态的Nuxt.js
同构渲染的缺点
  • 开发条件有限
  • 涉及构建和部署的要求更多
    在这里插入图片描述
  • 更多的服务端负载
本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号