现在的网站页面肯定都离不开js,但过多的js加载肯定会影响到服务器的性能,另外,动辄几百k的js文件从我们远在国外的VPS上下载下来也是很慢的,所以很有必要使用CDN公共库。

CDN公共库

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。 比较常用的如Google,百度,新浪都提供了稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。鉴于现在Google在国内的访问受到影响,我们优先选择百度的CDN公共库。

百度云存储现在很有名吧,他的CDN公共库就是其中的一个产品,具体可见其官网链接

我们就以jquery为例,相信很多wordpress主题使用了自带的jquery,或者使用Google的jquery库,如何换到百度的?只要去主题的header文件里找找,是否有定义了jquery库的链接,像我的loper主题很快就能找到定义位置header.php:

<?php if($options['jqueryurl']) : ?> 
	<script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js "></script>
	<?php else : ?>	
	<script  src="<?php bloginfo('template_url');?>/scripts/jquery-1.4.4.min.js"></script>
	<?php endif; ?>

根据后台的设置来选择使用主题自带的或者公共库,把Google的url改成百度的即可。

如果我们还用到了其他js库,比如json,都可以用这个方法改到百度的库,至少可以保证在国内使用会高速,稳定。

另外,在这次修改的过程中,我还发现了wordpress自身也会引用jquery库,通过查看页面源码可以发现引用了wp-include目录下的一个jquery,这是wordpress后台要用到的文件,可以通过修改wp-include/script-loader.php文件,找到jquery.js,改成:

 if(is_admin()){
        $scripts-&gt;add( 'jquery', '/wp-includes/js/jquery/jquery.js', array(), '1.8.3' );}

这样就不影响后台功能了,同时前台页面也不会加载这个js文件了。