范文健康探索娱乐情感热点
热点动态
科技财经
情感日志
励志美文
娱乐时尚
游戏搞笑
探索旅游
历史星座
健康养生
美丽育儿
范文作文
教案论文

为什么现在又流行服务端渲染html?

  题主有点搞错了,现在的服务端渲染跟以前的服务端渲染是完全不一样的.
  首先介绍一下以前的传统模式:服务端渲染,代表是PHP这类,那时候前端只是写网页的,偶尔写点ajax,但是不多,大部分靠服务器查找数据然后渲染出来页面发送给浏览器展示,每次跳转都要从新执行一遍这个逻辑.因此挺消耗服务端的资源的.
  后来H5出来后才有所改观,单页应用也逐渐兴起,Nodejs使前端可以脱离浏览器,进军服务器写后端代码.
  非常多的人按捺不住内心的激动,终于不被人称为"切图仔"了,而且前端人群非常的多,此时我写这个回答的时候,NPM上的包就已经有654,218个了!
  移动端开始兴起,网站的加载速度也开始变得重要,各个网站也开始考虑用户的感受,如果能降低用户的流量成本,就能使用户更快的进入页面,停留的时间也就更久,更能为公司带来经济效益,因此这变得越来越重要.
  如果还是以前的传统方式,每次跳转都要重新加载页面下载数据,那么用户肯定受不了等待从而离开,损失是非常严重的,因此这时候的人瞄准了H5,使用H5构建的单页应用开始越来越多,只需要加载一次网页,后面就不需要再次下载,而且还可以做缓存,减少用户的流量费用.
  但是前端很快发现了一个严重的问题,爬虫是不认js的,也就是说你无法给自己的网站做SEO.
  SEO 搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式.当百度或者其他搜索引擎的爬虫来到你的网站的时候,它发现这里面什么东西都没有,就只有一些css和js资源连接,但是它并不执行你的js,因此是无法获取到你的网站信息的,它就无法记录你的网站信息,用户使用搜索引擎的时候也就无法查询到关于你网站的数据信息,这是很严重的问题,你的网站流量会断崖式下跌.
  因此针对这个问题,前端想到了一个预处理方案:服务器端渲染(SSR).
  前端使用Nodejs搭建服务器,然后在用户访问的时候预先执行一些页面中js的逻辑,渲染成HTML,将它们直接发送到浏览器,很多流行的开源前端框架已经集成了这类方式,比如Vue.js,React.js,Angular.js等等.
  与传统 SPA(Single-Page Application - 单页应用程序)相比,服务器端渲染(SSR)的优势主要在于:
  1.更好的 SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。如果 SEO 对你的站点至关重要,而你的页面又是异步获取内容,则你可能需要服务器端渲染(SSR)解决此问题。
  2.更快的内容到达时间,特别是对于缓慢的网络情况或运行缓慢的设备.无需等待所有的 JavaScript 都完成下载并执行,才显示服务器渲染的标记,所以你的用户将会更快速地看到完整渲染的页面.通常可以产生更好的用户体验,并且对于那些时间就是金钱的应用程序而言,服务器端渲染(SSR)至关重要。
  使用服务器端渲染(SSR)时还需要有一些权衡之处:
  1.涉及构建设置和部署的更多要求.与可以部署在任何静态文件服务器上的完全静态单页面应用程序(SPA)不同,服务器渲染应用程序,需要处于 Node.js server 运行环境.
  2.在 Node.js 中渲染完整的应用程序,显然会比仅仅提供静态文件的 server 更加大量占用 CPU 资源,因此如果你预料在高流量环境下使用,请准备相应的服务器负载,并明智地采用缓存策略.
  在对你的应用程序使用服务器端渲染(SSR)之前,你应该问第一个问题是否真的需要它.这主要取决于内容到达时间对应用程序的重要程度.例如,如果你正在写一个活动页,那么初始加载时的额外几百毫秒并不重要,这种情况下去使用服务器端渲染(SSR)肯定是一个小题大作之举.然而,内容到达时间(time-to-content)要求是绝对关键的指标,在这种情况下,服务器端渲染(SSR)可以帮助你实现最佳的初始加载性能.
  需要了解的一点是,时代在进步,现在的服务端渲染和过去的服务端渲染可以说是两码事,不能同日而语的啊!
  以前的服务器的渲染,主打的是"文档",以"文档"作为其核心的思想,就是把HTML,CSS,Javascript等当做是一个静态的定格的文件的形式,也不存在所谓的指令和数据的区别,对于"文档"的概念而言,万物皆是数据,比如说GET就是一个请求的文件,在比如像asp等都是把HTML文件放在占位符里,然后由服务端转化为实际的数据。
  Web 2.0时代最大的一项变革就是把网页当作是一种独立的应用程序,而并不是进行所谓的前后端分离。那现在的服务器渲染又是什么意思呢?
  自然不会走老路的,要知道虽然你总能在历史故事中找到一些相似性的东西,但并不意味着这种东西是重复性的发展,其实它是在历史的巨轮中螺旋上升的。
  现在的服务器渲染有一个目的,那就是为了加速和进行搜索引擎的一些优化而已, 就像是给APP截图的感觉,更像是一种"快照",毕竟孱弱的爬虫已经无法满足日益发展的前端的进化速度了!
  题主这个问题真是有点,额。
  什么是服务端渲染?以前的php、jsp、.net做web难道不都是服务端渲染好html再通过web server发送前端吗?
  你说的服务端渲染难道是指由大前端而兴起的spa之类的吗?那也只是对seo有需求的才要通过服务端渲染好再发送给前端,没有seo需求的完全无所谓什么服务端渲染了。
  我认为服务端渲染只是未来两年内的妥协。
  等5G来了,首屏加载速度区别不大,应该会缩短到1秒内。
  未来百度迟早会支持JS解析后的SEO,这个谷歌早已实现。
  服务端渲染是为了SEO和首屏秒出,为了这个妥协的太多了,组件生命周期变更、服务端负载上升、部署比静态麻烦、还需要一个nodejs做中间层。所以当社会环境允许的情况下,SPA开发起来会轻松很多。
  我想说不论是前端还是后端,能不能别乱用渲染这个词,你说的是服务端是否生成html文件,而渲染从来都是浏览器干的事。
  这个问题的起点可以归结为大前端的崛起而兴起来的,其实也是有一定的需求场景导致的。
  纯粹的前端渲染仅仅只是在原始状态下,我们使用新兴起来的mvvm设计模式框架来打造的站点结构,所有的编译,渲染时间几乎都是由浏览器来承担,所以相当于把很多的性能负担均摊给了用户,其实对于码农来说,这其实是一个比较好的方案。
  但是由于前端的热门,大家在越来越多的应用,系统都渐渐使用前后端隔离,这种技术越来越多的使用起来。
  那么摆在用户面前最直接的就是首屏,响应时间的感知,码农需要去解决不同浏览器上的渲染异常并且尽量让其更快,这个时候后端渲染就顺势而生了,它解决了这些比较头疼的问题,也更好的兼容了SEO。
  不过现在各类前端框架都提供了自己的ssr支持,也有不少优秀的脚手架帮助大家一健部署ssr环境,所以按照应用需求的话适当转变业务为SSR也是不错的选择。
  老妖想了半天,没发现现在又流行服务端渲染html啊?当然,不排除一些相对小众的语言或框架是服务器渲染html,但现在都是前后端分离的架构,前后端交流的只是json数据,根本不会传递html。细思一下,可能有一些站点比较在意在搜索引擎中的排名,所以会采用服务端直接生成html页面的方式。但这也不是主流啊。只是一种特殊应用而已。
  其实前后端渲染的选择,并没有太多关系到服务器的效率。而是多数网站需要权衡内容的可见性与功能性两者。
  一、内容可见性
  指的是让有效内容更容易被获取,因为多数网站是展现有效内容给用户,帮助公司或品牌产品得到更多的流量,这类网站涉及到SEO尤为重要,非常有必要为了让自己的内容更容易被索引且获得更好的排名而付出一些努力。因此此类网站不喜欢使用过多JS生成的内容,既所谓的前端渲染。因为这类页面不利于搜索引擎索引自己的页面,这样就很难通过有效内容从搜索引擎得到有效的引流。
  早期的网站,很多都是以呈现有效内容为主,很少用JS实现丰富的应用功能,因此比较多地关注关键字,内部链接,外部链接等等来提高网站的权值。
  以提供有效内容为主的网站,主要有静态,动态之分。静态以标准HTML为主,动态多由服务器根据请求生成SEO友好的内容。两者对前端浏览来说没有太大的区别。主要是是服务器端的服务方式,如静态多以简单文件形式提供,动态诸如ASP,ASPX,CGI(不同的脚本),或者是高端语言的Web开发框架,实现是极其灵活丰富的。目的都是相同的,既提供更有效的内容给用户。
  至于效率,可以有多重优化方式,从来都不是开发上首要考虑到问题。
  二、服务功能性
  此类网站通常使用一个比较现代也比较高端的名称,既WebApp。其主要目的并非提供用户感兴趣的内容为主。网站更希望与用户可以有更多的交互,同过为用户提供一系列更为实用的应用功能,并从中获取反馈或回报。
  这类网站的流行得益于多重技术都发展,首先是计算机处理速度有了更好的提升,CPU、GPU以及内存等不再是限制JS执行复杂功能的瓶颈;其次是以WebKit为内核的浏览器逐渐发展强大,并在Google的努力之下,Chromium得到了极大的发展,大大地推动了基于浏览器的WebApp的可用和可行性。一大批成功的基于浏览器的富应用被开发出来并取得巨大成功,使得JS比以往任何时候都更流行,让JS名副其实地成为Web Language。
  随后进一步发展的CSS3,HTML5,强化的JS组件,如WebSocket,Web Worker等等,让JS在浏览器端实现功能强大的富应用更得心应手。
  总之,整个行业的发展使得网站不再是简单的靠内容提供而获取流量,提供有效的富应用功能可以让网站变得更加有价值。
  因此到底是后端渲染还是前端渲染,实则是行业发展所需,并非简单的考虑效率(服务器效率可以很有很多方法优化,从来不是问题)。将更多的运算放到前端,正是由于WenApp的形态已经越来越成熟,成功的标杆应用已经越来越多了!
  关键在于老式网站可以转化成APP了,比如一个jsp网页之前没法做成APP,现在就可以,之前技术一直没用克服,需要做成html文件再通过js框架渲染页面。也看具体做什么类型网站,有的适合客服端渲染,有的适合服务端渲染。
  又流行了吗,

澳门冠军赛王楚钦夺冠是否实至名归?他要是碰上樊振东能赢吗?澳门冠军赛王楚钦夺得男单冠军是实至名归。他是在战胜向鹏马龙许昕和林高远等高手而夺冠的,他的冠军的含金量是蛮高的。我们衡量选手比赛要看整体表现,不能因为王楚钦没能遇到并战胜樊振东就认业余乒乓球选手怎样在最短的时间内提高球技并赢球?以下是我这个从业十余年的教练的心里话,看不下去嫌啰嗦的可以略过了!最短时间到底是多短呢,说句心里话,我刚开始比较抵触这个问题,我浏览了所有回答,也看了一些评论,我觉得说的都挺好的,刘诗雯04负于王曼昱无缘冠军,小枣澳门赛发挥可以打80分吗?澳门赛女单冠军的角逐,终于落下帷幕!刘诗雯以04无缘赛季首个女单冠军。那么,也有球迷说,刘诗雯在澳门赛的表现,可以打80分吗?我个人的回答是完全可以打80分了!3个月没有比赛,重返张本智和周启豪遭淘汰,林昀儒在下半区还有对手吗?能否冲冠?感谢邀请!张本智和周启豪相继出局之后,下半区男单的争夺基本上就是波尔与林昀儒的竞争了。波尔年已40岁,现阶段主要是靠经验和技巧来打球,硬实力上技术先进性上与林昀儒有差距。这两位的对世乒赛男单二号种子张本智和被淘汰,男单冠军是不是国乒最容易了?二号种子张本智和都被出局了,男单基本没有什么顾虑了,冠军勿庸置疑的。世乒赛张本智和被淘汰,是不是国乒男子单打冠军是最容易了。现在看高手走了一大半,韩国日本高手都走了。中国男子单打现在浙江出生的奥运冠军及其知名运动员你能知道哪几位?在浙江出生的奥运冠军及其知名运动员我只知道如下十四位陈招娣(19552013)出生于浙江省绍兴市,杭州人,前国家女子排球队运动员,八一队球员,曾荣立一等功。为中国女排1979年首获张怡宁在北京奥运会时,为什么被裁判要求临时换球拍?是国际乒联针对她吗?张怡宁是国乒史上唯一一位双满贯球员,但是在成就双满贯的路上并非一帆风顺。在2008年北京奥运会女单14决赛中,老张遇到了大麻烦,比赛马上就要开打的时候,她被告知球拍检测数据不合格球中国乒乓球公开赛对手真的只盯住一个伊藤美诚就万事大吉了吗?小看刘国梁,把伊藤神话了!胖子是个球痴,乒乓球天赋可谓亘古一人,他的高度不是谁都能预测或比肩的。他对乒乓球的理解无人匹敌,无论从运动员教练总教练乒协主席,基本无瑕疵。尤其这次回归后股市高手都是怎么补仓的,应该在哪个点位补仓?股市高手从不补仓!他们只在盈利的头寸上加仓!请你记住我这句话,因为这句话是我的师傅说的,他说我在市场上做了三十年的投资生涯,从来不是靠补仓盈利!补仓这个词一听到就不吉利!都只有在赚怀孕第一个月吃什么最好?首先恭喜你成为准妈妈(准爸爸),怀孕初期(前三个月)胎宝宝还不稳定,所以饮食各方面都要注意!第一个月,记得吃叶酸(前三个月都要吃)。多吃一些含有叶酸的蔬菜(比如茼蒿菜,菠菜),还有异位妊娠还可以再生育吗?异位妊娠还可以再生育吗?异位妊娠可以再生育,条件是至少有一侧输卵管是正常的。异位妊娠是指精卵结合以后,没有进入到子宫腔内,而是在宫腔以外的其他地方着床并继续发育。由于受精卵在子宫以