WordPress网站速度优化高级教程 – 动静分离(三)

根据前两篇教程,已经将网站的图片与css和js文件与主站分离,并配置了CDN分发,本文将介绍如何将WordPress网站的前端静态页面(HTML)与后台分离,然后使用CDN分发前端静态页面,从而达到全面速度优化的效果。

使用本文的方法配置WordPress网站后,可以将网站主机的真实IP地址完全隐藏,任何前端访问均通过CDN,如此一来网站的安全性大幅提高,任何IP攻击,将失效。

更改 WordPress地址 与 站点地址

WordPress后台 -> 设置 -> 常规中有两个URL值,如下图:

WordPress后台设置
WordPress后台设置

如上所示,WordPress的后台与前端是可以设置不同的地址的, WordPress地址(URL) 是WordPress程序的运行端,而站点地址(URL) 则是提供给用户访问网站的。(admin.域名.com可以个性化修改)

更改完毕后,后台的登陆地址变更为:admin.zhanzhangb.com/wp-admin,由于变更了WordPress的运行域名,还需要在wp-config.php文件中修改 Cookie域 ,否则会无法登陆后台。wp-config.php文件中,添加以下行:

define('COOKIE_DOMAIN', '.zhanzhangb.com');

注意域名前面的小数点,.zhanzhangb.com代表Cookie域为*.zhanzhangb.com。

由于 WordPress地址变更后,所有插件、主题和上传的文件路径均会跟着改变,原来www.zhanzhangb.com/wp-content/*的路径全部会变成:admin.zhanzhang.com/wp-content/*,所以还得指定wp-content的路径。

继续在wp-config.php文件中,添加以下行:

//将wp-content目录设置为该目录的完整URI(不带斜杠),例如
define( 'WP_CONTENT_URL', 'https://www.zhanzhangb.com/wp-content');

这样一来,路径均保持原样了,后台管理与前端已经分离。

为Wordpress配置CDN分发

前文已经介绍过CDN配置域名的方式,此处不再重复,只需将缓存规则修改为:

.html文件缓存,并设置好相应的缓存时间,例如:30天。(前提是WordPress网站已经设置伪静态,并且伪静态页面的后缀为.html)

如下图:

腾讯云CDN - 配置示例
腾讯云CDN – 配置示例

 

WordPress后台与前端分离后,有可能碰到文章或更新失败的错误

错误示例:
中文:“更新失败。错误消息:该响应不是有效的JSON响应。
English:”The response is not a valid JSON response.

如果碰到此错误,可以先禁用所有插件,更换成WordPress默认主题后,重启PHP后,再重试,一般错误会消失,然后排查插件或主题。

如果实在无法找出问题的原因,禁用Gutenberg编辑器,替换成经典编辑器(Classic Editor)即可解决问题。此错误是由Gutenberg编辑器造成的,应为Gutenberg编辑器的BUG,期待官方更新修复。

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!

2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!

3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!

5. 如有链接无法下载、失效或广告,请联系管理员处理!

6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

7. 如遇到加密压缩包,如遇到无法解压的请联系管理员!

评论0

请先

折上折优惠活动:即日起在原折扣基础上开通VIP即返10元、30元、40元,各位高质量油物抓紧上!
没有账号? 注册  忘记密码?

社交账号快速登录