WordPress七牛云静态文件CDN加速配置教程

WordPress网站优化加速一直都是广大站长比较关注的问题,今天主要介绍一下基于七牛云的静态文件(比如图片、js、css)CDN加速的设置方法。

CDN还是对象储存?

目前我们接触到的很多客户都是基于第三方插件对接的对象存储服务,这个本身其实也是没什么问题的,不过接触下来发现很多用户经常会遇到插件选择、文件同步、缩略图生成等各种问题,所以我们更推荐的是CDN回源加速的方法。

两者的区别如下:

  • 对象存储是将所有静态图片存储到第三方服务商,本地甚至可以不保存备份文件,但是需要将文件同步到第三方平台,所以对接成本较高,不过好在插件可以帮你完成这部分工作;
  • CDN则是将文件依然保存在自己服务器上,需要用到的时候再从自己服务器上抓取缓存到CDN节点,配置的话就简单了,只需要设置好服务器的IP地址和回源host即可,甚至都不需要多安装插件;

可以看出来,主要区别是文件保存在哪里以及配置成本,如果对于大一点或者文件比较多的站点,那么使用对象存储可以减少运维成本(不需要考虑多台服务器的文件同步;网站迁移的话文件也会很庞大),但是对于中小型的网站的话,本身服务器硬盘保存这么点图片肯定是没什么压力的,直接使用CDN回源的方式会更方便快捷,减少很多运维成本以及对象存储的使用花费

七牛云CDN如何配置?

添加融合 CDN 加速

在七牛云网站后台(还没有注册七牛云可以点击此处)创建融合CDN,根据页面提示配置即可,这里主要说下源站配置缓存配置选项。

源站配置

原则配置一般会选择源站域名或者IP 地址选项,其中源站域名最简单,直接填写网站域名,回源 HOST也是填写网站域名,不过使用这个方法后可以直接用CDN域名访问整个网站的页面,这会导致CDN二级域名的页面也被收录,这种做法对优化并不是很好,所以推荐使用IP 地址

IP地址的设置方法,如图:

七牛CDN源站配置

这里有一个源站测试,会测试配置是否正确的,所以需要在测试之前完成服务器的CDN域名绑定操作,这个操作和之前绑定网站主域名是一样的,只不过需要注意的是CDN域名绑定的网站目录需要和主域名目录一样,或者也可以直接在原有配置里面增加绑定一个CDN域名

这个时候还不需要解析域名,只需要服务器端绑定

绑定完成以后,就可以点击下面的源站测试,如果配置没问题的话是可以通过的。

缓存配置

缓存配置的话如果不清楚的话建议直接使用默认的30天即可,主要是提醒一下忽略URL参数建议设置为关闭,如果开启的话会导致主题、插件更新后缓存无法立即清除,可能会影响到网站的正常访问。 七牛CDN缓存配置

域名解析 配置创建好了以后就是域名解析了,七牛会提供一个cname解析地址,如图:

七牛CDN cname解析

只需要在域名dns解析里面cname解析到指定的地址即可。

wordpress的设置

CDN创建解析完成以后,接下来只需要替换网站里面的静态文件地址即可,这个操作其实是可以基于已有的缓存插件来实现,不需要另外安装插件,下面介绍一下常用的缓存插件配置方法。

WP Super Cache 插件

WP Super Cache CDN设置

WP Fastest Cache 插件,上面是CDN地址,下面是原地址 WP Fastest Cache CDN设置

W3 Total Cache 插件

先开启CDN,选择Generic Mirror W3 Total Cache CDN设置

然后进入CDN设置里面设置CDN域名 W3 Total Cache CDN设置

更多插件的话大家可以自己找下,一般都是有的。

禁止收录CDN域名页面

这样配置以后,就基本上完成了CDN配置了,不过上面说过,不使用源站域名就是为了解决CDN域名收录的问题,那么使用IP地址是如何解决这个问题呢?

因为使用IP地址的话,还是需要在服务器绑定CDN域名,并且在访问上也是直接使用CDN域名的,所以只需要在wordpress配置文件wp-config.php里面禁止CDN域名即可。

找到网站根目录下面的wp-config.php文件,编辑文件在define(‘WP_DEBUG’, false);后面加入以下代码:

if( $_SERVER['HTTP_HOST'] == '替换成CDN域名' ) {
    header("HTTP/1.1 404 Not Found");
    exit;
}

这样以后使用CDN地址只能访问网站的静态文件了,其他wordpress的页面就无法访问了

作者:小屋
链接:http://www.rumenwu.com/site/1048.html
来源:入门屋
入门屋著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台,如有侵权请联系删除。

(0)
打赏 支付宝打赏 支付宝打赏 微信打赏 微信打赏
上一篇 2018-11-01 12:01
下一篇 2018-11-12 01:35

相关推荐

  • 首页改版方法总结:服务市场首页改版项目

    首页改版一般由以下几种原因引起 业务策略变化 品牌升级 年久失修,体验变差 换了老板,嘿嘿 首页改版一般想要达到的目标 业务策略变化引起的内容变化,从而为用户提供更加丰富、更加精准的内容和服务 品牌升级引起的内容变化,从而在原有用户的体感上新增品牌增益的内容 年久失修导致用户流失严重,通过内容和服务的变化提升用户的留存和转化 感受: 换个品牌LOGO,改个页…

    2018-04-01
    2.7K0
  • Typecho使用指南 – 主题&插件

    前言 自从买VPS,就一直研究还可以做些什么?于是,我想到自己搭建个博客,上网看看了,感觉Typecho,挺不错的。故写下此篇博客。 准备 Typecho 安装 下载Typecho压缩包,上传服务器wwwroot下,把所有文件解压出来。 进入数据库中,创建一个typecho的数据库。 在浏览器中访问您的域名将自动跳转到安装地址(记得要绑定域名),点击“我准备…

    2018-11-12
    6.7K0
  • 纯css实现移动端水平滚动导航

    目前最简单呈现效果最好的纯css实现移动端水平滚动导航解决方案。 <!DOCTYPE html> <html> <head lang=”en”> <meta charset=”UTF-8″> <title></title> <meta name=”viewport” content…

    2020-10-27
    1.2K0
  • 升级WordPress 5.0后,切换回经典编辑器Classic Editor

    升级WordPress 5.0后,切换回经典编辑器Classic Editor WordPress 5.0 正式采用了全新的区块编辑器-古德堡编辑器Block Editor Gutenberg,对于很多已经习惯国产编辑器习惯的站长来说不是特别方便,下面我们看看如何切换成经典编辑器吧。   相信有不少人不太习惯新编辑器的使用,那么在更新了WordPress 5…

    2018-12-15
    2.3K0
  • WordPress代码实现 外链图片 自动本地化

    WordPress的许多插件或代码可以在编辑文章时自动将外部图片下载到本地。 最后,我选择了一个名为Easy Copy Paste的插件。 单个操作之后,您只需单击更新按钮即可编辑文章,以将文章中的外部链接图像下载到本地并替换链接。但是,逐篇编辑文章不仅麻烦,而且工作量很大。 这是您可以批量下载文章中外部图片的一个小技巧。批处理操作该插件的代码不仅可以通过单…

    2022-04-10
    1.4K0
  • 政府网站建设网页设计规范

    政府网站要方便公众浏览使用,页面内容要便于复制、保存和打印。要最大限度减少用户额外安装组件、控件或插件;确需使用的,要便于在相关页面获取和安装。应用系统、附件、视频等应有效可用,名称要直观准确。附件、视频等格式应便于常用软件打开,避免用户额外安装软件。避免使用悬浮、闪烁等方式,确需使用悬浮框的必须具备关闭功能。 1.首页不宜过长。在主流计算机配置和当地平均网…

    2020-11-08
    1.9K0