欢迎来到Java学习网!
设为首页 | 加入收藏
当前位置: 首页 > Java语言 > jQuery教程 >

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

  1. 使用最新版本

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

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

 

<!-- 利用一个简单的script标签调用API -->

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript"> /* 加载 jQuery v1.3.2 */ google.load ("jquery", "1.3.2", {uncompressed: false}); /* 加载完成后弹出消息 */ function onLoad () { alert ("jQuery + Google API!"); } google.setOnLoadCallback (onLoad); </script>   

编辑按:另一个更为简单快速的方法是直接使用脚本链接。如果要使用特定版本的jQuery,你可以使用上面的方法;如果想直接使用最新版,下面这句代码就够了:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>  

特定版本的还可以这样加载:script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>   

2. 合并、最小化脚本

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

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

相关教程
推荐内容