WordPress加速:jQuery库的选择,若CDN资源失效则自动切换本地jQuery文件

来自:互联网
时间:2018-10-24
阅读:

现在基本上大部分的wordpress主题都会加载jQuery库 以实现某些特定的网站功能效果。

这个jQuery库,有的是从外部引用,有的是外部先下载然后上传到自己的网站进行调用。

不过一般情况下,最好还是从外部引用。当下google、microsoft、sae、bAIdu 都为jQuery,Prototype,MooTools等类库提供CDN服务。由于谷歌微软都在国外,速度上你们懂的,所以一般我们只选择sae或者baidu的jQuery库进行加载。

sae地址为:https://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js

baidu地址为:https://libs.baidu.com/jquery/1.8.0/jquery.min.js

注意版本号。

可以下载下来放在主题文件夹下,我们使用一段代码来实现:

当外部引用的jQuery库无法加载时,就自动加载网站本地的jQuery库的功能。

你可以放在当前wp主题header.php的<head>与</head>之间,也可以放在footer.php的</body>之前。 最好选择footer.php来放置。

SAE jQuery库加载代码如下:

<script type="text/JavaScript" src="//lib.sinaapp.com/js/jquery/1.4.2/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>

BAIDU jQuery库加载代码如下:

<script type="text/javascript" src="//libs.baidu.com/jquery/1.8.0/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>
返回顶部
顶部