高性能Ajax

高性能的ajax包括以下几个方面:了解你项目的具体需求,选择正确的数据格式和与之匹配的传输技术。

作为数据格式,纯文本和HTML只适用于特定场合,但他们可以节省客户端的CPU周期;

XML被广泛应用而且支持良好,但是它十分笨重且解析缓慢;

JSON是轻量级的,解析速度快(被视为原生代码而不是字符串),通用性与XML相当;

字符分隔的自定义格式十分清凉,在解析大量数据集时非常快,但需要编写额外的服务端构造程序,并在客户端解析;

当从页面当前所处的域下请求数据时,XHR提供了最完善的控制和灵活性,尽管它会把接收到的所有数据当成一个字符串,且这有可能降低解析速度;另一方面,动态脚本注入允许跨域请求和本地执行javascript和JSON,但他接口不那么安全,而且还不能读取头信息或响应代码,MultipartXHR可以用来减少请求数,并处理一个响应中的各种文件类型,但是他不能缓存接收到的响应。当需要发送数据时,图片信标是一种简单而有效的方法。XHR还可以用POST方法发送大量数据。

除了这些个事和传输技术,还有一些准则有助于加速你的AJAX:

1.减少请求数,可通过合并javascript和CSS文件,或使用MXHR;

2.缩短页面的加载时间,页面主要内容加载完成后,用ajax获取那些次要的文件;

3.确保你的代码错误不会输出给用户,并在服务端处理错误;

4.知道何时使用成熟的AJAX类库,以及何时编写自己的底层AJAX代码;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Ajax和XMLHttpRequest 我们通常将Ajax等同于XMLHttpRequest,但细究起来它们两个是...
    changxiaonan阅读 2,267评论 0 2
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,265评论 0 7
  • 最近在阅读这本Nicholas C.Zakas(javascript高级程序设计作者)写的最佳实践、性能优化类的书...
    undefinedR阅读 2,167评论 0 30
  • 本文详细介绍了 XMLHttpRequest 相关知识,涉及内容: AJAX、XMLHTTP、XMLHttpReq...
    semlinker阅读 13,742评论 2 18
  • 故事发生在神迹的大陆,按照水、火、风、地四元素,分割成四个国家。各个国家的人民,在强烈的元素力量下,成为了具有各种...
    穆柯名阅读 610评论 18 1