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

相关推荐

  • WordPress 实现文章中远程(外链)图片自动本地化的方法[免插件]

    WordPress 文章中远程图片自动保存到本地服务器,最大的好处就是复制粘贴,方便对文章的转载复制。就现实中而言,并不是所有网站都会全部写原创内容或者想伪原创一下,有些好文章想转载,但是对方网站有可能对图片进了防盗链,而图文比较多的情况下,那么就相当麻烦,而此代码功能可有效的帮助你转载复制。 不过,无论载转与否,建议保留出处,这是对原作者的尊重,毕竟人家写…

    2022-04-30
    0
  • 纯css实现移动端水平滚动导航

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

    2020-10-27
    0
  • 政府网站建设网页设计规范

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

    2020-11-08
    0
  • Apache伪静态规则文件.htaccess的另类用法

    1、开启/关闭拼写检查(关闭后会区分大小写) CheckSpelling On #开启 CheckSpelling Off #关闭 关闭拼写检查可以解决一下报错 2、禁止/只允许特定IP访问 (1) 禁止单个IP访问,例如192.168.1.1 Order Allow,Deny Allow from all Deny from 192.168.1.1 (2)…

    2019-10-06
    0
  • 纯CSS实现点击展开全文功能

    看标题大家不难猜到我今天要实现的功能,点击展开全文。 CSS :checked伪类选择器 思路是使用checkbox的:checked来做隐藏和显示。跟上面这个CSS Tab使用radio来实现是差不多的。当点击label标签时,会绑定同步点击 “for” 属性值为 “checkbox” 的 “id…

    2020-10-26
    0
  • 大前端和小前端的区别

    1、小前端指的是Web前端,从浏览器端到web服务器端的所有开发; 2、而大前端就是所有前端的统称,比如Android、iOS、web、Watch等,最接近用户的那一层也就是UI层,然后将其统一起来,就是大前端。大前端最大的特点在于一次开发,同时适用于所有平台,开发者不用为一个APP需要做Android和iOS两种模式而担心。 大前端是web统一的时代,利用…

    2022-02-07
    0