WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图

之前虾皮路介绍了《GitHub+jsDelivr实现国内CDN节点的免费图床》,但是对于免费图床来看,虾皮路发现又拍云更适合自己,因此现在虾皮路又转移到了又拍云CDN,大家可能也看到了,在虾皮路站点的下方出现了又拍云的logo。虾皮路站点使用了又拍云的云存储进行存储相应的图片,然后利用又拍云存储自带的CDN加速,再对图片进行webp转换,缩小体积,加快网站的加载速度。因为网上的教程很多,但是一些汇总的却没有,这里虾皮路就给大家详细介绍一下WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程。

一、又拍云是什么

又拍云是国内知名企业级云服务商,持有工信部颁发的 CDN 牌照;致力于为客户提供一站式的在线业务加速服务,以场景化 CDN 为核心,为客户提供对象存储、HTTPS/SSL 证书、多媒体处理(WebP 自适应、H.265 自适应等)、影像识别、文字识别、短视频 SDK、直播 SDK、连麦 SDK 等服务,打造了安全可靠的全站加速、海外加速、图片应用、短视频应用、直播应用、音频应用等场景化解决方案。又拍云拥有 10 个数据处理中心、1000 多个国内 CDN 节点、近百个海外 CDN 节点、40000 台服务器、10TB 保有带宽,日均请求超过 1500 亿次。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(1)

二、又拍云提供哪些服务

又拍云主要提供CDN、云存储、DDoS高防、云处理、SSL证书等业务。这里虾皮路主要介绍又拍云的云存储。

又拍云的云存储主要为用户网站提供静态文件存储+CDN加速的服务,静态文件主要是指图片,APP,音频,视频,小文件等等服务,另外,我们在全国各地部署了42个CDN节点,400多台服务器,电信,联通,移动和教育网的4线带宽以及各地方运营商,如北京电信通,杭州华数等等。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(2)

三、又拍云存储怎么收费

又拍云官方的云存储的收费标准如下:

1、标准类型

资费项计费项价格
存储容量存储容量 (日存储容量 > 日 CDN 流量)0.0043 元/GB/天, 0.129 元/GB/30 天
存储容量存储容量 (日存储容量 ≤ 日 CDN 流量)免费
请求请求类型(所有)免费
流量上传流入流量免费
流量CDN 回源流入流量免费
流量CDN 回源流出流量免费

2、低频访问类型

资费项计费项价格
存储容量存储容量0.0027 元/GB/天, 0.081 元/GB/30 天
请求请求类型(所有)免费
数据取回数据取回0.0325 元/GB
流量上传流入流量免费
流量CDN 回源流入流量免费
流量CDN 回源流出流量免费
流量公网流出流量0.5 元/GB

以上说的是官方收费方式,这里虾皮路主要介绍免费的又拍云云存储。又拍云存储每个月送10G的存储和15G的流量,支持Https流量。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(3)

加上注册又拍云的账户后还送61元代金券,所有的流量及存储的费用都会从这些代金券里面扣除。因此,对于一般的小站来说,这些流量完全足够了,也就达到了免费使用国内节点的CDN云存储的效果。但是有的小伙伴可能会说,自己的站点每个月至少多少G流量甚至上T级别以上之类的。虾皮路想说的是,如果流量真的已经到了这个级别,那说明站点肯定有盈利,这点流量费根本不算什么了。

四、又拍云存储怎么注册获得免费额度

如果我们想要又拍云存储的免费额度的话,那首先要注册又拍云的账户,然后实名认证。

注册地址:https://www.upyun.com/league

实名认证后,可以获得官方赠送的61元代金券。不要小看这61元,其实如果流量一般,一天1000IP以内,图片不多的话,一天实际上花费不到2毛钱。

注意:这个61元的代金券只有1个月的使用时间。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(4)

实名认证后,再在站点上申请加入又拍云联盟,然后把又拍云的logo放到网站的最下方即可。官方的注意事项如下:

1. 又拍云联盟审核通常要 5 个工作日;

2. 又拍云联盟将一次性赠送 12 个月的云服务资源,并折算成代金券发放到您的账户,福利次年自动赠送;

3. 若又拍云联盟用户去除又拍云 LOGO 及链接,资源赠送将被终止;

4. 又拍云联盟事宜咨询 & 求助,请联系邮箱: lianmeng@upyun.com;

5. 活动的最终解释权归又拍云所有。

一般会在周四或者周五审核完成,然后下发代金券,这次的代金券是67元。按一般站点的使用来看,67元完全够一般站点使用一年了,一年后又拍云又会下发代金券。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(5)

五、又拍云存储获得61元代金券及实名认证

一般我们注册了又拍云存储后,登录后,都会在后台提示可以获得神秘大礼包,只需要实名认证。如下图

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(6)

进行实名认证,一般选择个人认证即可

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(7)

然后选择认证方式,这里虾皮路建议直接选择支付宝身份认证即可,这样审核速度很快。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(8)

用支付宝扫描后,实名认证成功,代金券即可到账。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(9)
WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(10)

六、又拍云存储怎么加速WordPress

既然注册完成了又拍云存储后,那该如何使用加速WordPress站点呢。

在这里,虾皮路建议可以将站点的所有图片放到又拍云存储上,形成动静分离。这样每次打开页面的时候,图片都是国内CDN节点加速的,可以使站点的加载速度大幅提升。下面虾皮路就介绍一下如何利用又拍云存储加速WordPress

1、创建又拍云存储

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(11)

2、创建云存储服务

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(12)

一般我们可以选择全球加速或者国内加速都行。根据自己的访客来设置。

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(13)

需要新建一个授权人,记得复制密码,然后密码需要保存,后期要用到。然后点击创建。

3、绑定加速域名

虽然又拍云会提供一个测试域名,但是无法用在WordPress上,需要绑定一个自己的域名。这里我们可以绑定一个二级域名

注意:绑定的根域名必须是国内备案的域名,比如在这里我们要绑定shopee6.abc.com,那么要求abc.com必须在备案,没有备案的域名无法在又拍云上使用。

如何进行域名备案,可以参考《网站域名最省钱备案方式/寄幕布/备案流程/注意事项全介绍

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(14)

添加域名后,如果是国内已备案的域名,会迅速通过。然后将该域名cname指向又拍云的测试域名即可。这里虾皮路演示的是另一个备案的域名,如果你本身域名都进行了备案,那么可以直接填自己的域名即可。

七、开启又拍云图片压缩及Webp图片转换

以上设置完成后,我们可以在又拍云后台设置开启又拍云图片压缩及Webp图片转换,毕竟图片小一点,流量也少一点。

1、设置开启又拍云图片压缩

开启 Gzip 和 Brotli 压缩,同时开启页面压缩

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(15)

2、开启webp图片文件支持

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(16)

开启后,因为是自动判断浏览器是否支持webp文件,因此还需在WordPress程序的主题文件的 functions 中添加如下代码:

function fa_converse_webp($matches) {
 return $matches[1] . $matches['2'] . '!/format/webp';
}
 
function fa_converse_webp_filter($content){
 global $post;
 $content = preg_replace_callback("/(<img[^>]*src *= *[\"']?)([^\"']*)/i", 'fa_converse_webp' , $content);
 return $content;
}
 
function fa_is_support_webp(){
 return strstr($_SERVER['HTTP_ACCEPT'],'image/webp');
}
 
if ( fa_is_support_webp() ) add_filter('the_content','fa_converse_webp_filter');

八、WordPress添加又拍云存储插件

到了最后的关键一步,前面都设置好了,需要在WordPress后台添加又拍云存储的插件,我们可以直接后台搜索插件:WPUpYun

然后安装启用即可。接下来要在插件后台进行设置

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(17)

保存后,你接下来在WordPress文章内添加上传的图片,自动替换成又拍云存储的图片地址了。

注意:不仅仅是以后新添加的图片变成新的地址,连原来已经上传的图片都变成了新的地址。要将原来图片全部同步上传到又拍云存储中,否则原来的图片都变成XX。

对于原来的图片变动了,我们需要做如下的设置:

1、将原有站点的图片同步上传到又拍云存储上

如果图片比较多,建议用FileZilla 客户端 。

填写参考如下:

地址(主机):

  • 智能选路(推荐):v0.ftp.upyun.com
  • 电信线路:v1.ftp.upyun.com
  • 联通线路:v2.ftp.upyun.com
  • 移动线路:v3.ftp.upyun.com

加密:选择 不加密 使用 FTP,选择 显式的 FTP over TLS 或 TLS/SSL 显式加密 使用 FTPS
用户名:操作员名/服务名,如 operator/mybucket
密码:操作员的密码
端口:21

找到WordPress站点下的目录,找到/wp-content/uploads,然后把里面的比如2020整个文件夹复制下来,然后再上传到又拍云存储根目录上。记得,2020这个文件夹要一同复制哦。

2、调整数据库的图片地址

什么要调整数据库的图片地址呢?因为我们调用图片的时候,会发现就是2019、2018、2017这样的直接目录,不会有wp-content这样目录。比如原站点的图片地址是abc.com/wp-content/uploads/2020/1.jpg,那么上传到又拍云存储后,图片的地址(假设绑定的加速域名是efg.com)变成:efg.com/2020/1.jpg。中间少了wp-content/uploads,因此就算你上传了图片,那原图片变动后连接,仍然是访问不了,显示为XX。这个时候我们要修改原有图片数据库的地址。

打开网站后台的phpmyadmin

找到对应站点的数据库文件,点击后在右边的SQL里,输入相应的代码:

UPDATE wp_posts SET post_content = REPLACE( post_content, 'https://原来网址/wp-content/uploads/', 'https://又拍云存储自定义网址/' ) ;

比如你原来的地址是ABC.com,绑定的加速域名是cdn.def.com的话,那么输入的代码就是

UPDATE wp_posts SET post_content = REPLACE( post_content, 'https://abc.com/wp-content/uploads/', 'https://cdn.def.com/' ) ;

以上注意网址都是含了https的,如果没有的话,自己可以改为http

WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程插图(18)

这个时候,我们只要刷新自己的站点缓存即可。所有图片都开始自动调用又拍云存储的图片了。同样的,网站的加载速度也变快了。

以上就是虾皮路介绍的WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程。

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

虾皮路版权所有,未经允许不得转载:虾皮路 » WordPress使用又拍云CDN云存储网站加速及图片Webp优化全教程

分享到: 更多 (0)
坚持下去不容易,打个赏呗

评论 抢沙发

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活