zoukankan      html  css  js  c++  java
  • DOM的三种渲染机制

    纯后端渲染

    纯后端渲染是指:浏览器向服务器发送请求后,服务器把各个数据等拼接为dom树,并将整个dom树返回给客户端,由前端进行的操作很少,只需浏览器解析即可。
    优点:返回的HTTP Response是包含着全部页面内容的,相对来说页面的主体DOM结构都会在这个响应中返回,可以让用户更快的看到页面的主体部分,而这样的响应对于浏览器爬虫来说也更有好,对SEO更有帮助。
    缺点:对于需要做交互的页面来说,开发很难实现。

    纯前端渲染

    服务端首次仅返回一个框架,由前端进行节点等的渲染。前端再通过api请求数据,将数据结合dom形成新的dom树进行渲染。
    在此过程中,服务端仅仅充当返回数据的作用。
    优点:很好的分离了展示层和数据层,在如今流行的Vue.js等框架中实现
    缺点:第一屏的加载,依赖了太多的js处理和一到多个数据请求,会延迟加载时间,体检不好。可以通过设置缓存时间max-age,或通过manifest保存静态资源的方式,进行优化。但都只能加快第二次之后的首屏加载时间,对首次加载无效

    服务器的js渲染+前端渲染

    其实这种机制结合了前两种机制。分为两个阶段,第一个阶段是服务器首先对第一屏进行加载并返回给客户端,后面再通过前端的api请求数据,重新渲染DOM。
    优点:解决了首屏用户体验问题,展示层和数据层的分离
    缺点:增加了开发和部署的复杂度

  • 相关阅读:
    Deepin 安装成功后开机进入系统黑屏
    Widows 关闭 Defender的方法
    yapi
    spring boot集成minio,最新版
    Minio第一课:走进 Minio
    Docker与IPtables
    解决:required a single bean, but 2 were found:
    Python之Beautiful Soup 4使用实例
    mysql -5.7.31 修改root密码
    mybatis/tk mybatis下实体字段是关键字/保留字,执行报错
  • 原文地址:https://www.cnblogs.com/ashen1999/p/13811008.html
Copyright © 2011-2022 走看看