七牛自定义域名cdn加速,静态资源托管至对象存储

3,167 views次阅读
4条评论

配置前提

1、域名备案备案备案!

2、七牛账号

配置前速度

访问主页加载速度如下:

七牛自定义域名cdn加速,静态资源托管至对象存储

加载主页需要4秒多,已经是非常慢了,可以看到主要时间浪费在字体文件加载和图片的加载,所有资源全部从服务器被访问,1M小水管完全无法应对,时间都浪费在content download上

七牛自定义域名cdn加速,静态资源托管至对象存储

第一步、注册登录完毕后,进入七牛后台,单击对象存储

七牛自定义域名cdn加速,静态资源托管至对象存储

第二步、创建存储空间

七牛自定义域名cdn加速,静态资源托管至对象存储

第三步、绑定加速域名

七牛自定义域名cdn加速,静态资源托管至对象存储

加速域名设置一个二级域名,比如cdn.xxxx.com,img.xxxx.com,res.xxxx.com等,当然需要在域名提供商处做CNAME解析。

 

七牛自定义域名cdn加速,静态资源托管至对象存储

第四步、点击CNAME按钮

七牛自定义域名cdn加速,静态资源托管至对象存储

第五步,添加解析

复制上步骤中的CNAME地址,去域名提供商处添加一条CNAME解析记录即可。完成后,回到七牛刷新,待状态为成功即可开始下一步

七牛自定义域名cdn加速,静态资源托管至对象存储

 

第六步,配置wp super cache

off-site URL :https://mdia.cloudcared.cn

这个填你的绑定域名的首页,记得加http://,末尾不用加/ ,记得保存

七牛自定义域名cdn加速,静态资源托管至对象存储

第九步、编辑functions.php

if ( !is_admin() ) {
    add_action('wp_loaded','c7sky_ob_start');
    function c7sky_ob_start() {
        ob_start('c7sky_qiniu_cdn_replace');
    }
    function c7sky_qiniu_cdn_replace($html) {
    return str_replace("//cloudcared.cn/wp-content/uploads/", "https://media.cloudcared.cn/wp-content/uploads/", $html);
    }
}

第十步、访问域名查看

可以看到下图中,图片已经从对象存储中调用了

七牛自定义域名cdn加速,静态资源托管至对象存储

七牛后台也开始有文件自动上传

七牛自定义域名cdn加速,静态资源托管至对象存储

速度对比

主页强制载入速度

七牛自定义域名cdn加速,静态资源托管至对象存储

Honest1y
版权声明:本站原创文章,由Honest1y于2017年10月24日发表,共计4161字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(4条评论)
头像
知道91 评论达人LV.1
2017-10-28 00:06:53 回复

七牛现在做得好像不错啊,感觉比阿里的云做得好~ :!:

    起风
    起风 博主
    2017-10-28 21:57:17 回复

    @知道91 有些功能很方便,主要是免费额度,小站点很实用

头像
醉卧烟雨 评论达人LV.1
2019-05-01 16:05:37 回复

你好,你现在使用的是七牛吗。静态加速网站的除静态资源其他如何设置为你的一样403显示呢

    Wangxiao
    Wangxiao 博主
    2019-05-03 12:18:19 回复

    @醉卧烟雨 现在用的还是七牛,在对象存储那里设置一下源控就好啦,意思就是只允许你的域名去调用资源,不是从你的域名过去的都会返回403