WordPress网站图片绑定二级域名CDN加速方法

使用wordpress建站默认情况下的图片、视频地址如下:

https://www.abc.com/wp-content/uploads/2021/12/2022.jpg

而图片与视频对网站打开速度的影响是最大的,所以我们可以把视频与图片绑定到一个单独的二级域名,再对这个二级域名进行CDN加速,以此来提升网站打开速度,比如我们可以把视频和图片到到cdn.abc.com这个域名,新地址如下:

https://cdn.abc.com/wp-content/uploads/2021/12/2022.jpg

这里要注意一下,如果原来的网站配置了SSL证书,开启了HTTPS,那么图片和视频绑定的域名也要申请SSL证书,开启HTTPS。

步骤一:解析新域名

到域名控制台添加新的域名解析,如cdn.abc.com。

步骤二:开启CDN加速

阿里云、腾讯云的CDN加速都可以,按系统指引一步步设置即可,然后重新返回域名解析面板,把cdn.abc.com解析到cdn加速服务提供的地址上。

步骤三:新建站点

以宝塔面板为例,使用二级域名新建建站,这个站点不需要FTP和数据库,根目录指定为原网站的媒体文件目录,而wordpress的媒体文件目录是:

/wp-content/uploads

WordPress网站图片绑定二级域名CDN加速方法

还要注意一下,这个二级域名站点的PHP版本一定要对原网站一致。

步骤四:修改默认上传地址

在浏览器输入下面的地址。

https://网站域名/wp-admin/options.php

WordPress网站图片绑定二级域名CDN加速方法

然后会看到这个wordpress的隐藏设置页面,找到【upload_url_path】这一项,然后输入二级域名地址,注意要加上http或https。

这样新上传的图片、视频就会变成二级域名地址了,经过CDN加速,网站打开速度会提升一些。

步骤五:替换地址

如果你之前已以上传了图片,那么还需要替换以前的图片地址。

方法一

可以使用数据库语句或wordpress插件来批量替换,这里推荐使用WPReplace插件,更简单。

WordPress网站图片绑定二级域名CDN加速方法

操作方法:只需输入目标内容,的替换内容,然后批量执行。

方法二

我们也可以把下面的代码添加到当前主题文件的functions.php文件中:

//静态文件CDN加速
if ( !is_admin() ) {
	add_action('wp_loaded','yuncai_ob_start');
	
	function yuncai_ob_start() {
		ob_start('yuncai_qiniu_cdn_replace');
	}	
function yuncai_qiniu_cdn_replace($html){
	$local_host = '网站域名'; //改成自己的
	$qiniu_host = 'CDN加速域名'; //你自己的CDN
	$cdn_exts   = 'png|jpg|jpeg|gif|mp4|ico'; //扩展名(使用|分隔)
	$cdn_dirs   = 'wp-content'; //目录(使用|分隔)
	
	$cdn_dirs   = str_replace('-', '\-', $cdn_dirs);

	if ($cdn_dirs) {
		$regex	=  '/' . str_replace('/', '\/', $local_host) . '\/((' . $cdn_dirs . ')\/[^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
		$html =  preg_replace($regex, $qiniu_host . '/$1$4', $html);
	} else {
		$regex	= '/' . str_replace('/', '\/', $local_host) . '\/([^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/';
		$html =  preg_replace($regex, $qiniu_host . '/$1$3', $html);
	}
	return $html;
}
}

注意:记录把上面的网站域和CDN加速域名改成你自己的。

免责声明:本文内容,图片来源于互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权归其原作者所有。如发现本站有侵权/违法违规的内容,侵犯到您的权益,请联系站长,一经查实,本站将立刻处理。

(0)
上一篇 5天前
下一篇 5天前

相关阅读

添加微信