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。
    优点:解决了首屏用户体验问题,展示层和数据层的分离
    缺点:增加了开发和部署的复杂度

  • 相关阅读:
    电脑族,记忆力下降怎么办
    asp.net入門經典讀書筆記
    GridView
    如何学习开源库
    i++与++i区别使用
    计算二次方程根
    MySQL Dump/Restore
    利用SetConsoleCursorPosition控制命令行光标位置
    How to upgrade to Ubuntu 10.10 Maverick Meerkat from ubuntu 10.04 lucid, karmic| Desktop & Server
    通过一条命令获取最快的 apt 源镜像
  • 原文地址:https://www.cnblogs.com/ashen1999/p/13811008.html
Copyright © 2011-2022 走看看