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版本。

使用方式

安装

  1. 方式一:在WordPress后台的“插件”—“新增插件”页面中,选择“上传插件”,然后上传插件zip包并安装,安装完毕后启用即可。
  2. 方式二:将插件zip包解压,然后将整个文件夹上传至网站./wp-content/plugins/目录,在WordPress后台“插件”页面中启用即可。

配置

进入“jsDelivr CDN”插件设置界面:

  1. 点击“Reload”,扫描当前WordPress已加载的JS/CSS资源。
  2. 点击“Analyze”,插件会尝试匹配CDN上存在的相同资源,若匹配成功,会在“jsDelivr URL”处显示对应地址。
  3. 选择需要替换的资源,勾选“Active”,然后点击“Save Active”使配置生效。若有缓存,则需要清空并重新加载。

    注:初次扫描可能不会扫描到所有的可替换资源,可以在访问一些其他页面后再返回进行扫描。

     

    jsDelivr Free Public CDN的官方WordPress插件
    jsDelivr Free Public CDN的官方WordPress插件

WordPress后台打开慢,用JSDelivr CDN加速

兼容性

实测该插件在Nginx 1.15+PHP 7.2+WordPress 5.2.3环境中可以正常启用。

同时,该插件兼容大部分缓存类插件(如:W3 Total Cache、WP Super Cache、Autoptimize等),但可能会和Minify模块有冲突。建议禁用同类插件中的Minify功能。

如果使用的插件中包含自定义JS/CSS功能,在用本插件替换插件资源后,这些自定义设置可能无法生效。解决办法:在jsDelivr CDN插件设置中,取消相关插件的资源的替换开关。

官方网站

Github:https://github.com/jsdelivr/plugin-wordpress

文章版权归原作者所有或来自互联网,未经允许请勿转载。如有侵权请联系我删除,谢谢!
THE END
分享
二维码
打赏
< <上一篇
下一篇>>