七牛云储存:最好的 WordPress 静态文件 CDN 加速方案

七牛云储存:最好的 WordPress 静态文件 CDN 加速方案

曾几何时,周良为大家介绍过又拍云存储,也分享过用《W3 Total Cache 插件与又拍云搭建 WordPress 全站 CDN 加速》。而周良今天所介绍的这一款静态文件存储服务:七牛云存储,他是由七牛提供的在线存储服务,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务(如 Amazon S3、又拍云存储)不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性。

七牛云存储支持绑定独立域名(需要备案域名,没有备案的朋友可以用七牛提供的二级域名,照样可以使用七牛的服务哦),全网 CDN 加速(多数据中心+多加速节点,上传下载均加速)、持续在线,可以无限扩展、用户只需按需付费,无硬件投资,并且大家通过周良博客的注册链接申请使用七牛云存储服务,即可永久获得免费额度,存储空间 10 GB,每月下载流量 10 GB,每月 PUT/DELETE 10 万次请求,每月 GET 100 万次请求。超过这个用量之后才需要付费,而且价格很便宜,对于小型站点来说,一年也用不了几块钱。

七牛云存储的主要特点:

  1. 云存储:可以存储静态文件,包含:图片,音视频,甚至是 CSS,JS,还可以存储其他文件和非结构化数据。

  2. 云处理:这是个人认为七牛最强地方,就是支持图片、音频、视频等资源在线压缩和转换处理,并且可以通过回调功能自定义数据处理。

  3. 云加速:七牛支持上传/下载双向加速,并且单文件上传无大小限制,支持断点续传。分布各地的加速节点,自动选择离用户最近的节点,保证数据上传下载的速度。

  4. API 操作:七牛云存储提供了一系列 API 和 SDK 和示例教程教你接入使用。

  5. 缩略图:七牛支持设置不同大小规格的图片,而且是可以自定义尺寸的,根据用户的显示分辨率不同使用不同的图片,达到下载速度和显示体验的最佳搭配,而七牛的缩略图定义非常方便,只需要在七牛的后台 Web 界面进行进行定义即可。

  6. 支持域名绑定:只要你的域名已经通过备案,就可以使用子域名绑定你的存储空间,通过二级域名访问你的静态资源(详细过程我会在文章后面介绍)。

  7. CDN 镜像存储:七牛云存储相比 Amazon S3、又拍云存储等服务,他还支持传统 CDN 的镜像存储,有了这个功能,就无需将原来的图片上传到七牛的服务器上,只需要在你的网站上面进行一些处理,就可以搞定静态网站的静态文件加速!(其原理就是当云存储中不存在请求的文件时,云存储会到你指定的域名下寻找,并存储到云存储中。这样可以显著降低网站迁移成本,也免去了开发各程序相应插件的繁琐。只要你的资源文件使用独立域名,就可以非常简单地把资源文件迁移到七牛。)

非插件实现 WordPress 博客静态文件 CDN 加速

  1. 如果你不喜欢用插件,那么你可以使用本方法对 WordPress 进行七牛 CDN 静态服务加速。
  2. 进入七牛云存储的管理后台:https://portal.qiniu.com/,设置绑定域名,如下图:

七牛云储存:最好的 WordPress 静态文件 CDN 加速方案

  1. 如果你的域名已经备案,那么就可以设置二级域名作为访问静态存储文件的地址。在七牛工作人员审核后即可启用。(使用方法:在DNS解析中,将设置的二级域名 CNAME 到你现在绑定的那个 xxx.qiniudn.com 二级域名就可以了。)

  2. 搞定域名后,我们就要对 WordPress 站点进行设置,开启七牛的加速服务。通过访问:https://imzl.com/wp-admin/options.php 这个地址,登入域名要换成你自己的, Ctrl+F 找到 upload_url_path 这个选项,将其改为七牛的域名或者是你自己绑定的二级域名,我绑定的是 http://aipsme.qiniudn.com 。(注意,一定要有http://,域名最后不能有/)。详细设置如下图:

七牛云储存:最好的 WordPress 静态文件 CDN 加速方案

使用我爱水煮鱼的插件为 WordPress 博客静态文件 CDN 加速

WordPress 知名博客,我爱水煮鱼特地为七牛云存储开发了一款简单而实用的插件,如果你觉得周良上面的非插件方法太麻烦了,那么你可以试试这款插件哦。

  1. 同样的,我们需要到七牛后台绑定域名,如果你已经绑定了域名,那么直接进入第二步。
  2. 下载七牛镜像存储 WordPress 插件上传激活,然后在 WordPress 后台 > 设置 > 七牛镜像存储 输入你前面绑定的域名(注意输入的域名一定要加上 http://),还可以设置是否将主题中的 JS,CSS 和背景图片也缓存到七牛:

七牛云储存:最好的 WordPress 静态文件 CDN 加速方案

让WordPress插件支持七牛云存储CDN

做完本文上诉介绍的方法之后,你的 WordPress 站点就已经完成了大部分的CDN提速,但是你或许会发现有些插件加载 js 和 css 文件时并没应用七牛的 CND 静态文件,那么我们应该怎么办那?

其实我们只需要在 wp-congif.php 里增加两个参数就可以搞定。打开 wp-config.php,增加下面的内容:

define(“WP_CONTENT_URL”, “https://imzl.com/wp-content“);
define(“COOKIE_DOMAIN”, “cdn.imzl.com”);

我的目的是把 wp-content 目录里的内容都通过 cdn.imzl.com 这个域名来加载,同理你也可以把这个域名换成你设置的七牛静态文件域名。

另外我通过 COOKIE_DOMAIN 常量来限制 cookie 的作用域,因此当浏览器加载 CDN里的内容时,request header里不会带有主域的 cookie,节约了传输带宽,达到提高加载速度的目的。(当然,如果你用了七牛,那么这一点完全不用担心,七牛的静态文件都是速度很快了,也不会有cookie)。

如果你感觉这个方法不是很方便,或者说是你的 WordPress 用了 WP Super Cache 插件,那么你可以试试水煮鱼的 WP Super Cache + 七牛镜像存储实现站点CDN加速。

OK,关于七牛云存储实现 WordPress 加速,周良的这篇文章应该已经包含了很多方法了,应该对你有点帮助。目前注册七牛即可永久获得免费额度,存储空间10GB,每月下载流量10GB,每月PUT/DELETE 10万次请求,每月GET 100万次请求。超过这个用量之后才需要付费,而且价格很便宜,对于小型站点来说,一年也用不了几块钱。超过了这个使用额度你再考虑是否付费也可以。既然如此,那你为什么不让你的 WordPress 提速一下那?

申请七牛云存储服务: https://imzl.com/go/qiniu/