美文网首页Vue.js前端Vue专辑
服务端渲染与客户端渲染

服务端渲染与客户端渲染

作者: 程序员佩奇 | 来源:发表于2021-01-18 19:11 被阅读0次

服务端渲染与客户端渲染

  • 服务端渲染

    说白了,就是在服务端使用模板引擎
    末班引擎最早诞生于服务端,后来才到了前端

  • 服务端和客户端渲染的区别是什么

    客户端渲染

    • 浏览器发请求,拿数据,模板引擎渲染,得到页面响应给浏览器页面中的字符串
    • 浏览器收到服务端响应的页面字符串,从上到下一次解析html,解析过程中,如果发现有script标签就会执行脚本,如果发现ajax请求,则再次发起新的请求,最后在做模板引擎渲染
    • 第一次请求拿到页面
    • 第二次请求拿到动态数据

    服务端渲染

    • 服务端有页面和数据,服务端都提供
    • 给浏览器响应页面的时候,服务端已经渲染完成整个页面,所以浏览器只管展示就可以了

总结: 其实很清楚,服务端渲染更快,因为服务端所有事情全都做了,一次性给浏览器,浏览器不需要做什么,但是服务端也会造成压力
小技巧:有个小技巧可以快速知道是服务端渲染还是客户端渲染,就是打开网页查看源代码,如果源代码中可以搜索到页面的内容,那就是服务端渲染,如果是客户端渲染则是异步的渲染,不刷新页面而且查看源代码搜不到展示出来的内容.

还有个重点哦,异步渲染很难被爬虫抓取到的,所以客户端渲染很难被爬虫抓取到,这也就是大家说的客户端渲染SEO会有影响

所以很多网站等等都是客户端和服务端渲染结合来做的,服务端渲染为了SEO搜索引擎优化,而不需要考虑SEO的为了提高用户体验,所以采用客户端渲染

所以没有绝对哦,一般一个网站是客户端服务端渲染的结合版哦

相关文章

  • 服务端渲染(SSR)

    一、服务端渲染与客户端渲染的差别 客户端渲染:服务端存放静态文件html,客户端发起请求,服务端不做任何修改,以资...

  • SSR服务端同构渲染

    页面渲染历史 服务端框架模板渲染 -> 客户端渲染 -> 服务端同构渲染(Server Side Render) ...

  • node 中使用模板引擎

    服务端渲染和客户端渲染的区别 客户端渲染不利于SEO搜索引擎优化 服务端渲染是可以被爬虫抓取到的,客户端异步渲染是...

  • React SSR 原理与项目工程化

    客户端渲染和服务端渲染 客户端渲染 :顾名思义即 React 代码在客户端渲染执行,当项目启动首次请求服务端时服务...

  • 服务端渲染与客户端渲染

    服务端渲染与客户端渲染 服务端渲染说白了,就是在服务端使用模板引擎末班引擎最早诞生于服务端,后来才到了前端 服务端...

  • 2019-11-19

    VUE 服务端渲染 简介 SSR(服务端渲染)顾名思义就是将页面在服务端渲染完成后在客户端直接展示。 一. 与客户...

  • SSR

    渲染:就是将数据和模版组装成html 客户端渲染(CSR) vs. 服务端渲染 (SSR)vs. 同构 客户端渲染...

  • nuxt

    想要学习nuxt.js,首先要弄清楚客户端渲染和服务端渲染这两个概念。 一、客户端渲染 VS 服务端渲染 1. 客...

  • vue预渲染

    服务端渲染VS预渲染  服务端渲染:将完整的 html 输出到客户端,又被认为是‘同构’或‘通用’        ...

  • nodejs学习笔记——服务端渲染简易尝试

    前言 服务端渲染也称作 SSR(Server Side Render) 。不同于客户端渲染,服务端渲染会在后端把页...

网友评论

    本文标题:服务端渲染与客户端渲染

    本文链接:https://www.haomeiwen.com/subject/mwgxzktx.html