客户端渲染

当用户发送请求返回页面，此时页面只是一个模板页面，浏览器解析页面的代码是通过js读取时，根据我们所写的接口去请求数据，得到返回的数据使用页面的模板渲染。页面的模板是通过模板引擎（vue等）进行渲染，渲染完后注入到网站中。不便于搜索引擎爬取所需要的类容

服务端渲染

用户请求页面，后端先取回到一些数组之后通过后端的渲染引擎把提供给页面的模板注入读到的数据，把渲染好的数据扔到页面结构里，把携带数据的页面结构返回给客户端，浏览器去渲染时收索引擎就能爬取到数据。（数据由服务端渲染）

两者区别

客户端渲染可以减轻服务端的压力，达到前后端分离开发，但是对SEO优化不是特别的好，服务端渲染对SEO优化非常好，单对服务器性能要求高，不利于前后端分离开发。

客户端渲染(CSR)和服务端渲染(SSR)差别相关推荐

【SSR和CSR】服务端渲染和客户端渲染区别？如何快速分辨页面是SSR还是CSR？
首先,介绍一下 SPA.SEO.SSR 三者的区别 SPA(single page application)单页面应用,是前后端分离时提出的一种解决方案. 优点:页面之间切换快:减少了服务器压力: 缺 ...
服务端渲染css,vue服务端渲染提取css
vue服务端渲染,提取css单独打包的好处就不说了,在这里主要说的是抽取css的方法要从 *.vue 文件中提取 CSS,可以使用 vue-loader 的 extractCSS 选项(需要 vue ...
服务端渲染可以用ajax吗,服务端渲染（SSR)
导读本文主要是从三个方面学习服务端渲染,内容整理自多个博客. 服务端渲染是什么?什么是服务端渲染?(服务端渲染的运行机制) 为什么使用服务端渲染?服务端渲染解决了什么问题? 什么情况下使用服务端渲染 ...
ssr Android简书,渲染篇一：服务端渲染（SSR）
导读本文主要是从三个方面学习服务端渲染,内容整理自多个博客. 服务端渲染是什么?什么是服务端渲染?(服务端渲染的运行机制) 为什么使用服务端渲染?服务端渲染解决了什么问题? 什么情况下使用服务端渲染 ...
SSR 学习 - 传统服务端渲染 Web 应用、客户端渲染、同构渲染、优缺点和案例演示
概述随着前端技术栈和工具链的迭代成熟,前端工程化.模块化也已成为了当下的主流技术方案. 在这波前端技术浪潮中,涌现了诸如 React.Vue.Angular 等基于客户端渲染的前端框架. 这类框架所 ...
服务端渲染SSR与客户端渲染
文章目录一.服务端渲染和客户端渲染的区别服务端渲染(SSR -- server side render) 客户端渲染二.使用服务端渲染(SSR)的利弊优势局限三.实际应用应用原则举例 ...
服务端渲染ssr（server side render）
目录 1 - 什么是服务器端渲染? 1.1 新建server文件夹 1.2 生成一个node项目 1.3 安装express 1.4 服务端渲染小案例 1.5 运行查看效果 1.6 打开浏览器 1.7 ...
react native text换行_基于React+Koa实现React SSR服务端渲染
React Server-Side Rendering 其实这个概念很早之前就有了解了,出于没有应用场景原因,之前一直都只停留在了解API的层面,未曾去实践.快到周末闲来无事,自己复盘了下之前做的新商 ...
SSR -- 服务端渲染基础
前言笔记来源:拉勾教育大前端高薪训练营阅读建议:建议通过左侧导航栏进行阅读服务端渲染基础基本概述随着前端技术栈和工具链的迭代成熟,前端工程化.模块化也已成为了当下的主流技术方案,在这波前端 ...

客户端渲染(CSR)和服务端渲染(SSR)差别

文章目录

客户端渲染

服务端渲染

两者区别

客户端渲染(CSR)和服务端渲染(SSR)差别相关推荐

最新文章

热门文章