• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 如果html传输全部使用json, browser 将会快很多?

如果html传输全部使用json, browser 将会快很多?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含closing,browser,json,html,tag等相关知识,匿名希望在学习及工作中可以帮助到您
如果传输全部使用json, browser 将会快很多, 因为没有closing tag (xml or html), 大家怎么看这个问题?

回复内容:

浏览器会快很多?快在哪个步骤呢?是传输快还是解析快?

如果是说传输快,从信息的冗余来讲,closing tag 确实有那么一点浪费空间,换成json或者别的什么格式确实有道理。

但我们可以压缩http body,gzip压一压就能把这个语法overhead控制得很好。所以就算你换掉HTML,在传输层面也快不了太多。

另外HTML相对于json有一个优势就是容错率高,丢掉一两个tag影响不大。但如果用json,少掉一个双引号很有可能整个response都得扔掉了。HTML 在可读性方面也比json强很多。

你看,就单单为了影响并不大的closing tag而把HTML换成json,换来的仅仅是微乎其微的传输效率提升,捡了芝麻丢了西瓜。 @鲁小夫 回答已经很好。速度以外的问题,题主也可参考 为什么 Web 前端开发不抛弃 HTML 和 CSS,用纯 JavaScript 开发? - 前端开发 真的想要传输效率就不要基于字符串,HTML和JSON都是基于字符串的。 你用app不就好了, 界面都不用下, 传输基本都是json 答案是几乎没有差别,用json的话在性能低的设备上可能会更慢一点。

itunes PC 版本中的动态内容就是用二进制xml传输的,你有感觉快吗?

为什么没差呢?因为 close tag 是给开发者看的,实际传输中,专业一点的web服务器都是对页面 gzip 压缩的。

要快的话,应该想办法减少HTTP请求,所以 SPDY协议就是从这个思路出发设计的。 直接传输压缩后的二进制流才是最快的…… 直接连图片、样式表、字体和HTML一起打个包再压一压最快喵…… 试试使用angularjs开发一下就知道了,只要加载一个超大的首页,其他的全部json传输 有个说法,编程语言是面向人类的 其他答案说的很好了,题主不能忽略的问题还包括失去了直接使用html文本,以及开发模型复杂的弊端。这些是在公司做事不能忽略的重要问题。

您可能想查找下面的文章:

  • 如果html传输全部使用json, browser 将会快很多?

相关文章

  • 2018-12-03HTML5多媒体audio和video详细介绍(一)
  • 2017-08-06Canvas与Image互相转换示例代码
  • 2018-12-03关于canvas下载二维码和图片加水印的方法
  • 2018-12-03推荐WEB开发者最佳HTML5和CSS3代码生成器_html5教程技巧
  • 2018-12-03如何用HTML5在页面中插入可自动播放的视频
  • 2017-08-06HTML5中实现拖放效果无须借助javascript
  • 2018-12-03深入剖析HTML5 内联框架iFrame_html5教程技巧
  • 2017-08-06html5新增的属性和废除的属性简要概述
  • 2018-12-03360浏览器所谓两种模式,为什么在国内这么多人使用?
  • 2018-12-03HTML5每日一练之datalist标签自动补全的使用

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何自动获取HTML5的data-*属性示例代码详解
    • 有关HTML5页面在iPhoneX适配问题
    • 在H5页面中怎样调用APP
    • HTML5的本地存储IndexedDB
    • html5开始播放当前的音频或视频的方法
    • 突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)_html5教程技巧
    • HTML5的video标签的浏览器兼容性增强方案分享
    • 乐车邦app 前端用的什么框架和技术?
    • 几个解决兼容IE6\7\8不支持html5标签的几个方法
    • html5中布尔属性的hidden

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有