服务器端渲染 VS 浏览器端渲染
2024-09-04 02:03:40
这里的渲染,就是指生成html文档的过程,和浏览器渲染html没有关系。
浏览器端渲染,指的是用js去生成html,前端做路由。举例:React, Vue等等前端框架。适合单页面应用程序。
服务器端渲染,指的是用后台语言通过一些模版引擎生成html。举例:PHP文件、JSP文件、Python的Flask配合Jinja引擎、Django框架、Java配合vm模版引擎、NodeJS配合Jade。适合多页面应用。其实现在大部分网站还是这种形式。
所以有为了让单页面应用利于SEO,让服务器和客户端同构,也使用React/Vue渲染的方案。- 客户端渲染路线:
- 请求一个html -> 2. 服务端返回一个html -> 3. 浏览器下载html里面的js/css文件 -> 4. 等待js文件下载完成 -> 5. 等待js加载并初始化完成 -> 6. js代码终于可以运行,由js代码向后端请求数据( ajax/fetch ) -> 7. 等待后端数据返回 -> 8. 客户端从无到完整地,把数据渲染为响应页面
- 服务端渲染路线:
- 请求一个html -> 2. 服务端请求数据( 内网请求快 ) -> 3. 服务器初始渲染(服务端性能好,较快) -> 4. 服务端返回已经有正确内容的页面 -> 5. 客户端请求js/css文件 -> 6. 等待js文件下载完成 -> 7. 等待js加载并初始化完成 -> 8. 客户端把剩下一部分渲染完成( 内容小,渲染快 )
https://www.cnblogs.com/aliwa/p/8505284.html
最新文章
- C语言第五次作业
- VIM小技巧
- 采用sqlserver的缺省配置,在生产环境经常碰到系统响应慢(甚至hung的情况)
- iOS 8 Auto Layout界面自动布局系列2-使用Xcode的Interface Builder添加布局约束
- 对象(List<;T>;)的序列化和反序列化
- Go Slices: usage and internals
- 转:char*, char[] ,CString, string的转换
- 老李分享:JDK,JRE,JVM区别与联系
- 错误代码: 1582 Incorrect parameter count in the call to native function &#39;str_to_date&#39;
- Java开源生鲜电商平台-系统简介
- 记录nodejs的writeHead
- Morley&#39;s Theorem
- Linux背背背(3)
- 项目没有build path问题(转)
- redis 集群java.lang.NoSuchMethodError:SpringJAR包版本冲突错误解决方法
- 【Html】Clipboard.js 实现点击复制,剪切板操作
- LA 3213 古老的密码
- 库、教程、论文实现,这是一份超全的PyTorch资源列表(Github 2.2K星)
- npm之使用淘宝源
- 前端PHP入门-018-内置函数之文件包含函数
热门文章
- 【操作系统之三】Linux下进程间通信-IPC(Inter-Process Communication)
- 原生Ajax的怎么用?
- 不能随便用get和set
- Hystrix实现ThreadLocal上下文的传递 转
- LuoguP3069 【[USACO13JAN]牛的阵容Cow Lineup
- docker搭建MediaWiki
- HDU校赛 | 2019 Multi-University Training Contest 6
- Entity Framework 学习系列(1) - 认识理解Entity Framework
- C#拼音帮助类
- 【翻译】nginx初学者指南