加速你的Ajax应用

ajax

号称要超越Slashdot 的 digg.com 是一个典型的Ajax应用。它的首页使用了prototype框架和scriptaculous扩展。有好事者统计了加载digg.com的首页时总共下载JavaScript和CSS文件的字节数,发现不算上图片,光Html+JS+CSS就有250多k,于是提出了Digg: Javascript overload?的疑问。  Zimbra 针对这个问题,给出了一些优化的方法:AJAX and CSS Optimization,要点如下:  

将多个js或者CSS文件整合成一个文件以减少HTTP连接数,使用类似jsmin的工具移除注释、空白以及多余的空行等以减少网络传输的数据量,在web服务端应用gzip compression 压缩   Zimbra 使用以上方式优化后,测试发现减少了50%以上的带宽。 

在我们现在和将来的Ajax开发中一定也会遭遇类似digg.com的性能问题。Zimbra的解决方案可供参考。关于HTTP Compression,我觉得是优化Ajax最为关键的部分。我们可以应用web server默认提供的机制,比如Tomcat5.x在Connector 配置中提供的压缩选项,一个典型的Connector配置如下:  

<Connector  

port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25" 

maxSpareThreads="75" enableLookups="false" redirectPort="8443" 

acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true"  

compression="on"

compressableMimeType="text/html,text/xml,text/plain,text/javascript,text/css" 

/> 

以上配置使用compression属性激活压缩,然后用compressableMimeType属性设置应用压缩的Mime Type类型。最著名的Apache服务器也提供了mod_deflate 等模块提供类似的压缩配置。 

另外还可以通过调用web server提供的API编程来提供压缩功能,比如使用Java为Servlet容器提供一个GzipFilter的应用也很普遍。

 

时间: 2025-01-01 18:21:42

加速你的Ajax应用的相关文章

使用CDN和AJAX加速WordPress中jQuery的加载_jquery

确定要放在Head部分 ? 事实上最好的情况是,js文件都不要在<head>部分进行加载,否则会影响到head部分的载入速度,直接导致网站的内容(body)载入延迟.如果你确定你不需要在head部分载入jQuery,请将载入代码移动到</body>前,准确的说是第一个会用到jQuery函数的javascript代码前. 当然,如果你需要head部分加载jquery,也请确保所有的js文件,包括jquery,都要放在调用CSS文件的代码之后,来实现同步下载.这也是Google官方给出

细说循序渐进学习Ajax的途径

ajax 现在浏览器端以 JavaScript 为核心,基于各种 Web 标准(即:早已完成标准化的XHTML/CSS/DOM/XML/XSLT 和正在进行标准化的XMLHTTP)的技术正在加速整合,Ajax 就是这一系列技术的一个统称. 虽然网络上已经有大量的相关资源,但是为了打好基础,认真读上几本书还是很有必要的.好在 Ajax 并不是什么全新的技术,它仅仅是传统技术的发展和增值,是对于这些基于 Web 标准的传统技术的重新包装,使其更加适合于企业应用,并且和服务器端结合地更加紧密.因此学习

如何循序渐进学习Ajax教程?

ajax|教程 现在浏览器端以 JavaScript 为核心,基于各种 Web 标准(即:早已完成标准化的XHTML/CSS/DOM/XML/XSLT 和正在进行标准化的XMLHTTP)的技术正在加速整合,Ajax 就是这一系列技术的一个统称. 虽然网络上已经有大量的相关资源,但是为了打好基础,认真读上几本书还是很有必要的.好在 Ajax 并不是什么全新的技术,它仅仅是传统技术的发展和增值,是对于这些基于 Web 标准的传统技术的重新包装,使其更加适合于企业应用,并且和服务器端结合地更加紧密.因

循序渐进学习Ajax的途径

ajax 现在浏览器端以 JavaScript 为核心,基于各种 Web 标准(即:早已完成标准化的 XHTML/CSS/DOM/XML/XSLT 和正在进行标准化的 XMLHttpRequest)的技术正在加速整合,Ajax 就是这一系列技术的一个统称.  虽然网络上已经有大量的相关资源,但是为了打好基础,认真读上几本书还是很有必要的.好在 Ajax 并不是什么全新的技术,它仅仅是传统技术的发展和增值,是对于这些基于 Web 标准的传统技术的重新包装,使其更加适合于企业应用,并且和服务器端结合

jquery常用的一些CDN加速点

谷歌jquery cdn加速点 http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js 微软jquery cdn加速点 http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js 新浪jquery cdn加速点 http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js 你还可以这样写,第一个首选,如果加载失败js就会加载第

使用JSON加速AJAX

ajax|js (翻译)使用JSON加速AJAX 使用JSON加速AJAX By Sean Kelly 当微软在IE中添加了用于执行JavaScript的ActiveX XMLHTTP对象以后,仿佛播下了AJAX这一Web应用开发的革命的火种.如今,Firefox, Safari, Opera, 以及其他的浏览器都提供了XMLHttpRequest,使得他们可以访问colr.org, backpackit.com, maps.google.com.这些网站的特点就是它们的应用程序表现和感觉和其他

AJAX加速Web应用

ajax|web 目前,在提供商业应用方面,IT行业对Web系统的依赖程度越来越高.Web浏览器虽然一直是向远程用户提供软件的一种理想的廉价方式,但它们并不能像桌面应用那样提供丰富的客户端功能.而通过AJAX(异步JavaScript及XML)则可以实现丰富的客户端交互能力和实时数据微量更新(micro-update),并且不需要使用任何一种私有的专用插件. AJAX是一种使用多数浏览器内建工具的Web开发技术,它包含三个组成部分,即用于计算的JavaScript(即ECMA Script).用

使用AJAX的十大理由(译文)

ajax 保守来说,AJAX在现在是热得不能再热的技术.没有人能否认,它拥有大批的支持者.在CNN上,它从二月份的一个不被看好的词语到十月份成长成一个初具雏形的技术.所以,有必要要看看为什么AJAX能发展成为现在的样子,为什么它能不断成长,并且在短的时间内迅速变得无处不在.所以,我用午夜谈话的风格,来给出 需要AJAX技术的十大理由.     使用AJAX的十大理由:     10.XAML, XUL, XForms...等等.       9.服务端技术的不确定性.       8.Web2.

剖析AJAX成为“时尚”的十大主要理由

ajax 现在说AJAX是目下最时髦的技术一点不假,当然也有人认为其中有很多炒作的成分:估计两边谁也不能说服谁.因此让我们一起分析为什么AJAX在这个时候出现,以及它为什么会继续成长并且仍将徘徊一段时间.简言之,我把它归结为下面列举的十个最主要的理由. 按数字顺序是: 1. XAML,XUL,XForms...还未结束 2. 服务器技术不可知论者 3. Web 2.0 4. 业界领导们强烈支持采纳 5. 与Flex和Flash良好共处 6. 很低的成本增加 7. 常规Web应用软件的优点 8.