今天带大家了解一下客户端渲染与服务器渲染之间的区别,下面就来了解一下。
1.客户端渲染
简单理解就是,在服务端放一个html页面,客户端发起请求,服务端把页面发送过去。客户端从上到下依次解析,如果发现ajax请求就再发送新的请求,拿到ajax响应结果以后渲染模板引擎。整个过程至少要发起两次请求。
但是,这种渲染方式存在的弊端也是不容忽视的,比如请求量大时首屏渲染慢,不利于seo等问题。服务端渲染恰好弥补了这些不足。
2.服务端渲染
也称SSR,在服务器上渲染完整的第一个屏幕dom结构,直接发送到浏览器;前端获取的内容包括第一屏和完整的spa结构,应用激活后仍然以spa模式运行。在整个过程中,只有一个请求被发送到服务器。
服务端渲染有两大优点:
一是更利于SEO。由于爬行器只爬取源代码,因此不执行脚本。在使用MVVM框架后,大多数页面DOM元素都是基于js在客户机上动态生成的,很少有内容可用于爬虫抓取分析。
并且浏览器爬虫不会一直等到数据加载完成后才去抓取。ServiceTransferreller返回最终的HTML,这些HTML已经获得异步数据,然后执行js脚本,爬虫程序可以抓取整个页面信息。
二是更利于首屏渲染。对于ServicePlace渲染,首屏渲染是node发送的html字符串,与js文件无关,因此用户可以更快地查看页面内容。
特别是大型单页应用程序,资源请求量大,导致首屏渲染速度慢,使用服务端渲染可以在很大程度上解决首页白屏等待的问题。
以上就是关于客户端渲染与服务器渲染之间的对比,谢谢大家阅读。