WordPress提速:引用CDN公共库加速服务

这类文章网上本来足够多了,我不应该发了。但是,他们讲的都十分模糊,让我一开始无所适从,根本不知道如何去修改,在这里,我会进行全面详细的讲解,如何进行这个操作。

一、为什么要用CDN公共库加速

很明显,除了加速,还是加速。加速的方面有两点:

  • 当其他网站也运用同样的CDN公共库时,会缓存在本地,那么别人访问你的网站时就无需重新加载。
  • 公共库普遍有多个节点线路,能够在各地都能实现良好的加载速度。

二、都有哪些CDN公共库加速服务

2-1国内服务

2-2国外服务

2-3其他CDN加速

这类加速包括 Google 公共库、Google 字体库、Gravatar等:

1.) css.net
2.) 极客族公共加速服务
3.)中科大谷歌字体CDN(fonts.lug.ustc.edu.cn)

以上三家CDN加速服务,仅360不支持SSL加密,如果自己的博客是https,浏览器就不会出现“小绿锁”了。目前来说,以上三家的速度排名为:

  1. css.net
  2. 极客族公共加速服务
  3. 中科大谷歌字体cdn

我仅在本地网络环境下测试过,其他地方不一定保证是同样的情况。

三、如何使用CDN公共库加速

不同的博客程序,具体的操作方法不同,以下是WordPress的操作方法,如果自己的博客程序是其他,自行谷歌。

先打开自己的网站,鼠标右键——审查元素(我用的Chrome浏览器)。下面出现一个操作栏,我们把视图切换到Network,点击刷新,然后在操作栏就会出现很多内容。在这里我们需要找出拖慢网站速度的元素,点击一下Time,使得这些内容以加载速度排名,排名最慢的在最下面,滚动到最下面看一看最拖慢速度的元素。
这些都是页面元素,我们可以点开一个看看,能够出现更加详细的信息。在详细的信息中复制js名子,然后进入网站后台——外观——编辑,打开 function.php,ctrl+f 搜索之前复制的名字,即可直接定位到编辑位置。

wp_enqueue_script( 'bluth-magnific', get_template_directory_uri() . '/assets/js/jquery.magnific-popup.js', array('jquery'), BLISS_VERSION, true);

这个是我随便粘贴的一段,只要里面有 get_template_directory_uri() 就是资源从网站本地获取,要从其他地方获取就需要改成 $protocol.':。现在我们把它的地址换成CDN的地址,打开上列网站的其中一个,在里面搜索 jquery.magnific-popup.js,我在 cdnjs 这个网站中搜到了以下内容:


//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js 替换以后变成了这样。 

wp_enqueue_script( 'bluth-magnific', $protocol.'://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js', array('jquery'), BLISS_VERSION, true);

把所有能替换的都换了吧~不过国内的cdn公共库速度最快,但是国内CDN公共库的资源没有那么全,可能会找不到你需要的。不过有个缺点需要提一下,CDN的使用不利于SEO!


评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注