Jetpack 免费CDN 自动加速分流WordPress 图片外挂教学

六年前写过一篇「Photon免费CDN图片分流、加速服务,每个WordPress用户都该开启的外挂」,后来这项功能成为Jetpack网站加速器(Site Accelerator)一部分,另一个加速器功能是Asset CDN,和图片CDN差别在于一个是针对图片进行分流,Asset CDN是加速WordPress静态档案,例如CSS和JavaScript,两个功能都很有用,当然也可依照自己的需求开启。

如果你是使用WordPress架站的话,会发现要如何节省流量、加速网站载入速度一直是个很难处理(但又必须不断尝试解决)的问题,尤其当网站内图片数量一多,图片画质较高、档案容量太大,就会面临到占用过多流量或是增加伺服器负载等等情形,读者开启网站的速度也会因此拖慢,进而影响到浏览体验。

现今普遍的解决方案是透过内容传递网路(Content Distribution Network,CDN)分散主机流量,相较于以前很多人会选择寻找其他主机托管图片来说,CDN在管理上会显得更为方便,也不用再另外将档案分散上传到其他空间。

WordPress 图片CDN
Jetpack网站加速器针对WordPress媒体库图片和静态档案直接进行加速分流,唯一需要做的就是在WordPress启用 Jetpack外挂,将加速器功能开启,完全不用进行任何设定。图片CDN会自动替换掉网页里图片原始路径,改以WordPress全球的CDN节点载入,当网站上的图片第一次被载入时会自动在CDN建立快取,下个访客再读取图片时就会直接从图片CDN抓取图片。

Jetpack 图片CDN 特色如下:

一键式安装设定:不用程式码,没有复杂的设定选项。
自动以WordPress 全球的伺服器节点分流图片、CSS 和JavaScript。
针对行动装置自动调整图片大小以加快载入速度。
和大多数的CDN 服务不同,Jetpack 的CDN 服务完全免费。
档案数量无限制。
与WordPress 影片托管服务完美整合。
Content Delivery Network for WordPress Sites — Jetpack
Content Delivery Network for WordPress Sites

Jetpack by WordPress.com

Jetpack by WordPress.com

使用教学
STEP 1
开启WordPress控制台,从外挂找到「安装外挂」功能,输入Jetpack关键字进行搜寻就能找到Jetpack by WordPress.com,强烈建议WordPress架站者都安装这个官方的外挂程式,里头整合非常多的模组功能,亦可有效减少外挂数量。

WordPress 图片CDNSTEP 2
启用后会跳出Jetpack设定画面,按一下「设定Jetpack」按钮开始进行,这里唯一要做的就是将你的WordPress网站连接到WordPress.com帐号,完成授权后就能开启相关设定选项。

WordPress 图片CDNSTEP 3
如果没有WordPress.com帐号可以免费注册一个,跳出授权提示后按下「核准」让你的网站连结到WordPress.com就设定完成了,非常简单。

WordPress 图片CDN
因为WordPress.com和Jetpack提供几种付费方案和加值服务,例如我之前介绍过的VaultPress网站备份服务、恶意软体扫描或网站收益WordAds,可以支付一些费用升级、开启更多功能。

如果你用不到这些功能,依然可以在定价页面最下方找到「免费开始使用」直接选择WordPress.com免费方案,免费方案就有提供无流量限制的图片CDN、Asset CDN功能,对于一般个人网站或部落格来说已经很够用。

WordPress 图片CDNSTEP 4
将网站连接到WordPress.com帐号后,回到WordPress控制台找到「Jetpack」设定选项,在「效能」页面就会看到「效能与速度」选项,如果要开启图片CDN只需要将加速影像载入时间开启,就能透过WordPress全球伺服器快取你网站上的图片档案,以达到加速、分流和最佳化效果。

如果你想自订Jetpack图片CDN压缩画质和相关参数,可继续阅读「设定Jetpack网站加速器的图片压缩画质教学」一文。

另一个「加速静态档案载入时间」就是前面提到的Asset CDN,我在「Jetpack提供免费Asset CDN为你的WordPress核心档案分流加速」有详细介绍,简单来说它可以帮网站上的WordPress核心档案(像是CSS、JavaScript)进行加速和分流处理,一样会自动透过WordPress全球伺服器提供静态档案,当然这仅限于核心部分的程式,使用者使用的布景主题或外挂程式不在此范围。

WordPress 图片CDN
建议也可以将Jetpack延迟载入图片(Lazy Load)模组开启,对于网站速度或浏览体验来说都会有明显帮助,图片就不用在打开网页时一次全部载入,而是随着往下卷动逐步载入。

要如何确认WordPress 图片CDN 已经正常运作?
当你在Jetpack启用网站加速器功能且「加速影像载入时间」已经开启,回到网站前台查看图片路径,看看路径最前面是不是已经变成 i0.wp.com、i1.wp.com、i2.wp.com或i3.wp.com开头,表示WordPress图片CDN已接收你的图片分流和加速工作。

观察一段时间,应该会发现网站伺服器的流量有减少的情形,而且网站开启载入速度上会相较于之前来得更快、更顺畅。

最后,还是要说一下Jetpack 图片CDN 相关限制:

图片CDN 没有快取过期时间— 当前图片会永久快取,如果要更新图片,必须将图片重新命名,在路径后方加上随机参数的方式并不能强制重新快取。
如果你想从Jetpack图片CDN清除特定图片,请联络WordPress.com并附上图片路径,必须以i0.wp.com、i1.wp.com、i2.wp.com或i3.wp.com开头。
Jetpack CDN只会从HTTP(Port 80)和HTTPS(Port 443)获取图片,支援的格式有gif、png和jpg,这大约占全球网页伺服器99.99%。
在大多数情况下,图片CDN 不会「放大」图片。举例来说,如果图片原始宽度为1000px,当使用者要求宽度5000px 时只会提供1000px 图片,因为放大通常会造成图片失真、解析度变差,尽可能避免类似情形。
如果使用者伺服器将图片上传到Jetpack CDN 超过十秒,或是图片可能已经损毁,必须选择档案较小的图片或重新命名。

Author: bwh