Next.js+React+Node系统实战,搞定SSR服务器渲染无密

298 阅读2分钟

DownloadNext.js+React+Node系统实战,搞定SSR服务器渲染无密

下哉k程: https://www.97yrbl.com/t-1391.html

I )为什么要使用服务端来渲染,有什么优点?

至于为什么要服务端渲染,我相信大家都有所闻,而且每个人都能说出几点来。

  • 首屏等待

在 SPA 模式下,所有的数据请求和 Dom 渲染都在浏览器端完成,所以当我们第一次访问页面的时候很可能会存在“白屏”等待,而服务端渲染所有数据请求和 html内容已在服务端处理完成,浏览器收到的是完整的 html 内容,可以更快的看到渲染内容,在服务端完成数据请求肯定是要比在浏览器端效率要高的多。\

  • SEO的优化

    有些网站的流量来源主要还是靠搜索引擎,所以网站的 SEO 还是很重要的,而 SPA 模式对搜索引擎不够友好,要想彻底解决这个问题只能采用服务端直出。


II)服务端渲染的优缺点

1)服务端渲染的优点
  • 前端渲染时间。因为后端拼接htm,浏览器只需直接渲染出来。
  • 有利于SEO。服务端有完整的html页面,所以爬虫更容易获得信息,更利于seo
  • 无需占用客户端资源,模板解析由后端完成,客户端只需解析标准的html页面,这样对客户端的资源占用更少,尤其是移动端,可以更加省电。
  • 后端生成静态化文件。即生成缓存片段,这样就可以减少数据库查询浪费的时间了,且对于数据变化不大的页面非常高效 等。
2)服务端渲染缺点
  • 不利于前后端分离,开发效率很低。
  • 占用服务器端资源。请求过多对服务器压力很大。
  • 即使局部页面发生变化也需要重新请求整个页面,费流量等。

III )客户端渲染的优缺点

1)客户端渲染的优点
  • 节省后端资源
  • 多端渲染
  • 前后端分离,大大提升开发效率
  • 局部刷新等
2)客户端渲染的缺点
  • 首屏性能差
  • 白屏时间过长
  • 无法(很艰难)进行seo优化等