WordPress插件+jsDelivr开启伪全站CDN
插件说明
- 本插件将尝试用JSDelivr CDN源替换WordPress所加载的本地JS/CSS文件,从而加快浏览器加载速度,优化网站浏览体验。因为jsDelivr在境内使用了网速的CDN节点,所以从境内访问站点的速度会有较大提升。
- 支持替换WordPress核心及大部分在WordPress官方仓库中上架的插件和主题中的JS/CSS。
如何运作
- 我们会注册一个钩子,该钩子会在每次请求时查找通过WordPress API注册的任何JS / CSS文件。所有找到的文件的列表存储在数据库中。
- 定期检查DB中的文件列表,并将本地文件与jsDelivr CDN URL配对。
- 在呈现页面之前,我们使用wp_register/ wp_deregister函数将CDN上存在的所有资产替换为其CDN版本。
使用方式
安装
- 方式一:在WordPress后台的“插件”—“新增插件”页面中,选择“上传插件”,然后上传插件zip包并安装,安装完毕后启用即可。
- 方式二:将插件zip包解压,然后将整个文件夹上传至网站./wp-content/plugins/目录,在WordPress后台“插件”页面中启用即可。
配置
进入“jsDelivr CDN”插件设置界面:
- 点击“Reload”,扫描当前WordPress已加载的JS/CSS资源。
- 点击“Analyze”,插件会尝试匹配CDN上存在的相同资源,若匹配成功,会在“jsDelivr URL”处显示对应地址。
- 选择需要替换的资源,勾选“Active”,然后点击“Save Active”使配置生效。若有缓存,则需要清空并重新加载。
注:初次扫描可能不会扫描到所有的可替换资源,可以在访问一些其他页面后再返回进行扫描。
兼容性
实测该插件在Nginx 1.15+PHP 7.2+WordPress 5.2.3环境中可以正常启用。
同时,该插件兼容大部分缓存类插件(如:W3 Total Cache、WP Super Cache、Autoptimize等),但可能会和Minify模块有冲突。建议禁用同类插件中的Minify功能。
如果使用的插件中包含自定义JS/CSS功能,在用本插件替换插件资源后,这些自定义设置可能无法生效。解决办法:在jsDelivr CDN插件设置中,取消相关插件的资源的替换开关。
共有 0 条评论