浏览器渲染和服务器渲染区别

最新推荐文章于 2024-12-13 11:01:09 发布

曹操今天也很可爱

最新推荐文章于 2024-12-13 11:01:09 发布

阅读量940

点赞数 1

文章标签：前端浏览器

本文链接：https://blog.csdn.net/summer199605/article/details/98603021

版权

本文探讨了浏览器渲染和服务器渲染的区别，包括它们的工作原理、优缺点以及应用场景。浏览器渲染常用于单页应用，服务器渲染则适用于多页面应用，能提供更好的SEO和用户体验。时间耗时方面，服务器渲染通常更快，因为数据请求在内网进行，且可返回已有内容的页面。

摘要由CSDN通过智能技术生成

何为渲染？

如果我们只是想显示一堆不变的数据，那么我们直接写一个a.html丢到服务器上让客户端访问就可以了。但这是基本不可能的事情，数据一般是变化的。你不可能为每套数据写一个视图，所以我们需要分离数据和视图，然后使用一种技术将数据塞到视图中，这种技术就叫渲染。这工作放在服务器上做就是服务器渲染，放在浏览器做就是浏览器渲染。

这里的渲染，就是指生成html文档的过程，和浏览器渲染html没有关系。
浏览器端渲染，指的是用js去生成html，前端做路由。举例：React, Vue等等前端框架。适合单页面应用程序。
服务器端渲染，指的是用后台语言通过一些模版引擎生成html。举例：PHP文件、JSP文件、Python的Flask配合Jinja引擎、Django框架、Java配合vm模版引擎、NodeJS配合Jade。适合多页面应用。其实现在大部分网站还是这种形式。
所以有为了让单页面应用利于SEO，让服务器和客户端同构，也使用React/Vue渲染的方案。