首页 > 编程知识 正文

前端ssr是什么意思,ssr输出指什么意思

时间:2023-05-03 15:27:56 阅读:161260 作者:2015

前言服务最终呈现的概念这几年可谓炒得火热。 那不是新技术,而是互联网最早使用的加载技术。

那么,为什么人们想擦去历史的尘埃,让服务端渲染这个古老的概念再次闪耀呢?

什么是服务渲染? 服务器端的呈现简称SSR,全名为Server Side Render,当浏览器请求页面的URL时,服务器端组装所需的HTML文本并返回给浏览器,该HTML文本在浏览器解析后

SSR有两种模式:单页模式和非单页模式。 第一种是在后端首次呈现的单页面APP应用程序,第二种是完全使用后端路由的后端模板呈现模式。 他们的区别在于后端路由的使用程度。

与此相对,CSR(clientsiderender )是现在很普及的渲染方式,依赖于在客户端运行的JS,即使用户首次发送请求,也只能得到很少一部分引导性的HTML代码。 第二次请求请求更多包含HTML字符串的JS文件。

为什么需要SSR? 目前,许多流行于前端的框架都适合构建单页面APP (spa )。 SPA模型通过动态重写页面的一部分与用户交互,避免过多的数据交换,响应速度相对较高。

但是,spa APP应用程序的第一个屏幕打开的速度通常很慢。 这是因为用户第一次加载时,需要在呈现页面之前下载SPA框架和APP应用程序的代码,这不利于SEO优化。

此时,有人认为,也许可以先加载APP应用程序的首页,然后慢慢加载首页中无法使用的其他JS文件。 但是,由于JS引擎是单线程的,所以数据的组装过程被屏蔽,只靠浏览器方面不容易实现。

SSR复活的契机就在这里。 如果把组织数据和呈现HTML页面的过程放在服务器端,浏览器端只需要查看接收到的HTML文件,那屏幕的打开速度肯定会加快。

在SSR的优缺点方面,SSR技术有什么优点呢? 列举一下:

响应时间的高速化。 对于客户端渲染,服务端渲染在浏览器请求URL后,已经获取了带数据的HTML文本。 浏览器只需解析HTML,直接构建DOM树即可。 对SEO有利。 可以在后台直接将SEO的重要信息渲染到HTML中。 让搜索引擎的爬虫也能获取重要的数据,让别人在使用搜索引擎搜索相关内容时,你的网页排名更上一层楼,提高你的流量。 以上是SSR技术最主要的两个优点,虽然有优势,但缺点也不容忽视:

与仅提供静态文件的服务器相比,SSR使用的渲染程序当然消耗更多的CPU和内存资源。 常见的浏览器API (如窗口、文档和警报)可能无法正常工作。 使用时,需要判断执行的环境。 开发调试有几个麻烦。 由于涉及浏览器和服务器,SPA的某些组件的生命周期管理变得复杂。 由于某些因素,服务器端呈现的结果可能与浏览器端的结果不一致。 以上是对SSR技术的简单介绍,总结如下。

SSR提高了spa APP顶屏的响应速度,有利于SEO的优化。 SSR最适合于静态显示页面,如果页面的动态数据很多,请谨慎使用。 是否使用SSR,使用到什么程度,开发者需要慎重考虑。 ~

~正文结束了。 谢谢您的阅读!

~

学习有趣的知识,认识有趣的朋友,创造有趣的灵魂!

你好,我是专注编程的作者隐逸王。 我的公众号是《编程三昧》。 欢迎关注。 请多关照。

过来,期待,我用聪明的电话迎接! 你回去,不问得失,只靠余音送礼!

知识与技能并重,内力与外功并重,理论与实践要两手抓,两手硬!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。