• DOM的三种渲染机制


    纯后端渲染

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

    纯前端渲染

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

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

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

  • 相关阅读:
    每天一个css text-indent
    每天一个css word-break word-wrap white-space
    [转载]CentOS+nginx+uwsgi+Python+django 环境搭建
    【转】django使用model创建数据库表使用的字段
    Django对mysql操作
    mysql增删改查
    mysql用户管理
    centos7启动mysql
    centos安装python3
    [转载]python学习目录(转至袁先生的博客)
  • 原文地址:https://www.cnblogs.com/ashen1999/p/13811008.html
Copyright © 2020-2023  润新知