WordPress自带有jQuery 库,但是其自带的jQuery 库略有修改,使用的话可能一些jQuery 特效不能实现(详细参考《WordPress中的jQuery库不起作用的相关问题》);一个jQuery 库一般都有50-90kb大,如果你的主机不给力的话,会严重拖慢你的网站速度。因此,我们习惯使用第三方jQuery 库,这里的第三方是指来源url的第三方,jQuery 库文件依然是jQuery官方原版。
以下给出来自jQuery官方jQuery 库以及Google,微软,新浪SAE、minicdn的四个第三方jQuery 库的介绍,这些都常用CDN分发网络服务,选择好的话速度会非常给力。以下是他们在站长工具的ping 测试结果对比:
在此之前需要说明的是,使用第三方的jQuery库虽然加载速度很快,但调用本地服务器的库才可以确保万无一失。因此以下给出的示例代码是这样工作的:当从第三方加载的jQuery 库无法加载时,就自动加载本地服务器的jQuery库,所以你首先要先下载相应的jQuery库,然后上传到你正在使用的Wordpress主题的根目录下面。
新浪SAE
【建议使用】SAE为新浪为其应用提供的开发者资源,jQuery库包括其中。就速度上,SAE的绝对是首选,更多版本见更多版本见SAE开发者中心 。
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script> |
Google的jQuery库
许多网站都采用 Google CDN 提供的 jQuery 库,如果你之前访问过有使用Google的,那么再访问你的站点就不必再次加载,使用它可以得到出色的缓存效果。但是由于和谐原因,在某个时段可能不能访问。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script> |
微软 jQuery库
根据测速速度一般,但发现没有被和谐。
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script> |
minicdn
虽然官方号称采用多方cdn,包括国内采用盛大云CDN加速,但是效果一般,小东西就是难成气候。访问minicdn了解更多。
<script type="text/javascript" src="http://c1.minicdn.com/google/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script> |
jQuery官方jQuery 库
jQuery官方jQuery 库地址是:http://jquery.com/download/,其采用国外著名vps商MT的cdn,但由于在国外,速度不是很理想。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.min.js">\x3C/script>')</script> |