建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

提升jQuery性能的十个技巧

时间:2010-06-22 22:43来源: 作者: 点击:
jQuery正在成为Web开发人员首选的JavaScript库,作为Web开发者,除了要了解语言和框架的应用技巧外,如何提升语言本身的性能也是开发人员应该思考的问题。文章就以jQuery为例,为大家提供了10个有效提升jQuery性能的小技巧。
  jQuery正在成为Web开发人员首选的JavaScript库,作为Web开发者,除了要了解语言和框架的应用技巧外,如何提升语言本身的性能也是开发人员应该思考的问题。文章就以jQuery为例,为大家提供了10个有效提升jQuery性能的小技巧。

  1. 使用最新版本

  jQuery一直处于不断的开发和改进过程中。John和他的团队不断研究着提升程序性能的新方法。

  

jQuery

 

  如果你不想时刻关注是否有新版本,然后再花时间下载上传,Google就又能帮你一把了。他们的服务器上存储了大量Ajax库供您选择。

 

  1. <!-- 利用一个简单的script标签调用API --> 
  2. <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
  3. <script type="text/javascript"> 
  4. /* 加载 jQuery v1.3.2 */  
  5. google.load ("jquery", "1.3.2", {uncompressed: false});  
  6.  
  7. /* 加载完成后弹出消息 */  
  8. function onLoad () {  
  9. alert ("jQuery + Google API!");  
  10. }  
  11.  
  12. google.setOnLoadCallback (onLoad);  
  13. </script> 

  编辑按:另一个更为简单快速的方法是直接使用脚本链接。如果要使用特定版本的jQuery,你可以使用上面的方法;如果想直接使用最新版,下面这句代码就够了:

 

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 

  笨活儿:特定版本的还可以这样加载:

 

  1. script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

  2. 合并、最小化脚本

  大部分浏览器都不能同时处理多个脚本文件,所以它们都是排队加载——加载时间也相应地延长了。

  考虑到你网站的每个页面都会加载这些脚本,你应该考虑把它们放到单个文件中,然后利用压缩工具把它们最小化。更小的文件无疑将带来更快的加载速度。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片