前言#
对于网站加载速度太慢的问题,其中一个原因可能就是图片加载缓慢。
很多网站为了不用在国内备案,选择把服务器放到国外的 VPS 上,但国外主机往往对国内的用户不太友好,导致连接速度缓慢。
为了改善这种情况,我们可以把 Wordpress 的媒体库迁移至阿里云 OSS,来使用阿里云的加速服务。
注意:阿里云 OSS 需付费使用,国内区目前 9 元 / 40GB/1 年,流量费用另付,详见阿里云 OSS 官网。
准备工具#
阿里云账号及阿里云 OSS Bucket,搭建好的 Wordpress 系统,阿里云 Accesskey
下载好 aliyun-oss 插件,下载地址:Github(开发者:IvanChou)
也可以在主导航处点击资源分享下载。
阿里云 OSS 配置#
登陆 OSS 控制管理台,找到你创建好的 Bucket,若还未创建,点击右上角的新建 Bucket(读写权限设为公有读,标准存储)。
在概览中你可以看到访问地址。
点击上方的文件管理,新建目录 **/wp-content/uploads**(为了方便后续设置)
选择上方的基础设置,拉到最下方设置镜像回源。
文件名前缀是 wp-content/uploads/,回源地址是 http (s):// 你的网站。
接下来就可以进行插件的配置了。
安装插件并配置#
在 Wordpress 管理界面选择插件 -> 安装插件 -> 上传插件,找到下载好的插件并进行安装启用。
在 Setting-> 阿里云 OSS 中进行配置,如下图所示。
一切设置好后点击保存配置就大功告成啦。
附加功能的设置#
图片预设样式#
点击右面的下载样式配置文件,会跳出来新的窗口,是一个 txt 文件,可能不会自动下载,把网址粘贴到下载工具中下载下来。
然后回到OSS 管理控制台,选择图片处理 -> 导入样式,选择下载的 txt 文件将其导入即可。
如果想要图片水印的话可以先上传水印文件到 OSS 存储空间,然后编辑full 规则,按下图提示配置。
(位置,大小,透明度看个人喜好,水印图路径为 OSS 的文件路径,可在文件管理中点击预览查询到)
原图保护#
在图片处理中,点击访问设置开启原图保护,按下图配置。
(** 不建议勾选 * 且强烈建议将站点图标的格式转换为 ico 再上传设置,否则无法显示站点图标!**下面有讲到解决办法)
高级选项#
在插件设置最下方选择更多选项,即可打开高级选项。
上面的站点图标因为开了原图显示而无法加载的解决办法如下:
将要上传的站点图标更改名称,例如 favicon,
再在需要排除的文件这一选项中填入你更改后的名称,即可让图片不经过 OSS 直接加载。
如下图所示。
注意:这样操作会导致所有带有 favicon 的图片全部绕过 OSS 直接加载,建议选择一个不常用到的名称。
总结#
配置工作到此就完成了,如果在大陆有备案还可以开启 CDN 加速,在域名管理中即可设置。