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. 合并、最小化脚本
大部分浏览器都不能同时处理多个脚本文件,所以它们都是排队加载——加载时间也相应地延长了。
考虑到你网站的每个页面都会加载这些脚本,你应该考虑把它们放到单个文件中,然后利用压缩工具把它们最小化。更小的文件无疑将带来更快的加载速度。