目前用的比较普遍的是Google提供的jquery库:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
当然,百度在国内的访问速度是不可小视的:
<script type="text/javascript" src="//libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
新浪的CDN同样速度飞快:
<script type="text/javascript" src="//lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
不跟风,你也可以选择微软的jquery CDN:
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
你可以直接更改上面出现的版本号来选择不同的版本。哪一个最快呢?如何选择呢?
如果你的网站访客来自海外的不少,建议选用Google,如果主要访客是国内,选择百度也没问题。但是百度在海外的访问速度可不及Google。
而且因为大多数的网站选择了Google的CDN,由于缓存原理,来访你的网站,可能google的CDN更快。
如果你不是确定自己的网站下载速度飞快,我建议最好选用上述的公开CDN来节省加载时间,同时也节省了流量。
真的要用jQuery吗?
如果你的网站只是需要用带jquery一个很小的函数,为什么要下载这么大的文件呢?为什么不可以jquery-free?
例如你可以考虑zepto.js,其设计目标“以最小的体积,做到最大兼容jQuery的API”。它在gzip压缩后仅仅为10KB。
另外,jQuery有着模块设计,可以选择自己只是需要的模块。你可以参考jquery builder。
加载jQuery的正确方式
说了那么多,加载jquery的正确方式是什么?
首先选好哪个CDN,或者你自己的网站托管js文件,并确定调用的位置在头部还是body,下面以Google的jquery库为例,普通的加载方式是
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
然而Google的服务在国内间歇性中断,所以我可以照顾一下国内访客,这么写:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript"> window.jQuery || document.write(unescape('%3Cscript%20type%3D%22text/javascript%22%20src%3D%22//libs.baidu.com/jquery/2.0.3/jquery.min.js%22%3E%3C/script%3E')); </script>
这样子即可实现如果jQuery未能加载成功,则自动加载百度的jquery库,做到万无一失了。
标签:WordPress
相关阅读 >>
wordpress取消英文标点符号自动替换中文标点符号的优雅方法
docker搭建 nginx+php+mysql 环境并部署wordpress实践
linux docker安装wordpress的方法详解教程
wordpress特定文章对搜索引擎隐藏或只允许搜索引擎查看
利用ajax实现wordpress中的文章列表及评论的分页功能
更多相关阅读请进入《wordpress》频道 >>