1. Home
  2. wordpress

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

本文来自: Stanford海外数字营销笔记

之前做外贸的同事和企业朋友最近问我网站打开非常慢,怎么能够优化提升下?

一个个解释太费时间,所以抽出时间给大家分析下如何解决这个最常见的速度问题。

我觉得这个是Wordpress网站的一个通病,就是内容多了后速度就会有些慢,如果不优化,国内访问会需要好几秒,甚至几十秒,几分钟的都有。

以下以我新建的博客为案例,给大家展示下如何通过插件来提升你的Wordpress外贸站点速度。

网站优化前后速度对比

用来测网站最常用的三个网站是:Google 官方网站,GTmetrix 和Pingdom。

  • https://developers.google.com/speed/pagespeed/insights/
  • https://tools.pingdom.com/
  • https://gtmetrix.com/

给大家发布这篇文章之前,我给自己的博客做了一个优化前和优化后的对比。

01 谷歌PageSpeed Insights前后测试

Google PageSpeed Insights优化测试前的移动端得分46分。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

Google PageSpeed Insights优化测试前的桌面端得分82分。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

PageSpeed Insights优化后得分

优化后得分移动端91分,桌面端99分。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

这个测量值每次可能都会有点波动,我就挑了一个最高值放上来了,哈哈。

02 GTmetrix前后测速

从1.8秒到1秒

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

这里我先留个问题:

虽然速度有提升,但前后优化,这个Serve scaled images都是F,如何解决?

03 Pingdom测速

Pingdom测速前后其实看不出什么,就只会提示说Make fewer HTTP requests。

实际请求数只有30几个,已经算很少了,大部分网站的请求数可能在60到100之间。

所以就不展示前后Pingdom的对比图片了。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

 温馨提示 

在此需要跟大家说的是,一定不要图便宜去使用免费的破解插件或者主题用在你的网站上。

后期一旦出现问题后果不堪设想。

可以看看我之前的网站被黑经历以及Wordpress安全插件推荐

具体解决方案
Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)
 1

更换快的服务器

想要速度快,首先需要一个好的hosting,这个是最重要的解决方法。

一个很差劲的hosting,再怎么优化也不会好到哪里。

比较推荐的主机有以下几个:

再贵点的就是WP Engine了,大部分公司都不用上这个了。

Siteground口碑不错。

现在外贸建站99%的公司和个人都推荐使用Siteground。

不仅仅是它的affiliate价格有利可图:每推荐一个新用户付费,根据你每个月推荐新用户的数量,每个人你能赚50美金到100美金不等。

付费注册用户越多,你的利润更高。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

如果你博客和公众号有很高的流量,一个月能有20个人通过你的链接注册,一个月推荐的佣金就是2000美金(20x100)。

这也为什么好多个人博客侧边栏都挂着他们推荐的主机,Wordpress主题,插件等各种付费服务。

Siteground的确是有很好的性能。Youtube上各种建站教学都有服务器速度大测试,Siteground都基本能排到第前三。

更重要的是,对购买者来说,Siteground促销价格是很有吸引力的,Growbig套餐如果购买三年只需要USD 5.95/mo.。

但三年以后价格变为USD19.95/mo.,几乎变成了原价的4倍,这个就没什么大的优势了。

但这基本是所有服务器公司的套路了:低价把你套住,然后让你习惯了,让你的选择成本增加。

如果你买的服务器经常打不开,经常出问题,建议更换一个好的服务器,这个是最重要的。

 2

优化图片和缓存

在服务器不变的情况下提升访问速度,主要就是优化图片和各种缓存。

升级主机PHP版本

如果你的wordpress的PHP版本还是5.6,那非常有必要在这之前都更新完成。

把你的hosting主机php升级到PHP7.2 或者7.3

关于PHP版本升级的重要性可以参考kinsta的这个测评https://kinsta.com/blog/php-benchmarks/

PHP的新版本会带来性能上的极大提升,从5.6到7.2速度提升了2倍,从7.2到7.3速度也有15%以上的提升。

高版本的PHP也更加安全、智能,对资源耗费也更少。很多主机服务商可能考虑到兼容性问题,一般不会自动升级,需要自己到服务器后台完成。

1
缓存插件WP Rocket

WP Rocket在各种测评中提速效果最明显的插件。

单个网站收费是49美金,3个网站99美金,无数网站费用是245美金。

如果你真的想让你的网站获得更多询盘,更多订单,投入49美金是非常值得的。我购买了他们最贵的无限个网站套餐,现在我给我的客户网站上都安装了小火箭。如果你也想装,给我我点个赞,打个赏,多少随意。

像老罗抖音直播所说的,带货纯属交个朋友,我给你福利。切记不要去使用网上挂出来的破解版本,风险太大。

WP Rocket本质上是一个Cache Plugin.

免费的缓存插件知名度最大的有:

  • WP Fastest Cache
  • W3 Total Cache
  • WP Super Cache
  • LiteSpeed Cache

其他的还有各种功能更加单一的缓存插件,下载量也有几十万。

那么,为什么选择WP Rocket?

为什么选择WP Rocket
Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket相当于是集多个插件于一身。

它还专门针对GTmetrix里出现的最常见的问题作出优化。

它可以对数据库database进行优化,WP fastest cache和W3 total cache都没这个功能,如果要优化,你还得再下载WP Optimize插件。

它能对视频和图片进行懒加载,一般插件也做不到。

它集成了Cloudflare等其他CDN设置,不需要额外的CDN插件。

它自托管Google字体,能加快JS代码速度。

WP Rocket 集成的功能包括:

  • Database cleanup (或免费的 WP-Optimize)
  • Heartbeat control (或免费的 Heartbeat Control)
  • Lazy load images/videos (或免费的 WP YouTube Lyte)
  • Host Google Analytics locally (或免费的 CAOS For Analytics)
  • Host Google Fonts locally (或CAOS For Fonts, or SHGF)
  • Integration with Cloudflare + other CDNs (built-in to WP Rocket, or use CDN Enabler)

利用市场上免费的插件,你至少需要安装7,8个才能达到WP Rocket所拥有的功能,这无疑会加重wordpress的负担。而且最终的优化速度可能还不好。

插件之间还可能存在很多冲突。我就看到朋友后台同时装着很多功能重复的插件,比如WP Fastest Cache和W3 Total Cache。

更重要的是,WP Rocket设置简单,安装好了就能起作用。

花小钱办大事,这是WP Rocket受欢迎的主要原因。

每年的Black Friday促销时,会有25%的折扣,如果不急可以到那时候再购买。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)
WP Rocket速度优化设置

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket有很多设置选项,12个大项里,勾选配置的地方有几十处。

我们从上而下依次介绍Rocket的Cahe,file Optimization, Media, Preload, Advanced rules, database, CDN, Heartbeat, Add-ons, Image Optimization, tools.

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket

Cache(缓存设置)

为移动设备启用移动缓存和单独的缓存

勾选Enable Caching for mobile devices

勾选下一级的Separate Cache files for mobile devices

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket

File Optimization

File Optimization(文件优化设置)

勾选所有基础设置:

  • Minify HTML(压缩HTML)
  • Combine Google Fonts Files(合并Google字体文件)
  • Remove query Strings from static resources(从静态资源中删除查询字符串)

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket

CSS File

CSS File(CSS文件设置)

  • 勾选Optimize CSS Delivery

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket

JavaScript Files

JavaScript Files(JS文件设置)

  • 勾选Load JavaScript Deferred
  • 勾选Safe Mode for jQuery

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket

Media(媒体设置)

勾选所有Lazy load选项

  • 启用图片懒加载(enable for images)
  • 为视频和iframe启用懒加载(enable for iframes and videos)
  • 用预览图像替换Youtube iframe(Replace Youtube for iframe with preview image)

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

同时,禁用表情符号和WordPress嵌入的选项。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket

Preload(预加载设置)

只需要勾选Activate Preloading

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket

Database(数据库设置)

勾选“垃圾邮件评论清除”和“所有瞬态清除”选项。

这些选项都是比较保守的设置,其实还有删除之前post修改的记录,上千次修改。如果不需要了也可以cleanup掉(Post Cleanup里的revisions)

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

CDN涉及到cloudflare和Key CDN2个插件,都有付费版本。

CDN对提速有很明显的效果,有很多内容,后续再详细讲。

WP Rocket即使不配置CDN,也能有一个不错的速度了。

网站图片优化策略
Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

WP Rocket插件默认是建议安装IMAGIFY插件。

但WP Rocket也不是万能的,在图片优化上面,还有更强大,更容易操作,更多选择的工具。

authority hacker 也以实际的数据对比,分析了市场上Imagify,WP Smush,Shortpixel,Ewww和Optimole5款主流图片优化插件的优劣。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

压缩比例是一个重要的参考层面,其次还要考虑易用性。

这个作者最后选择了ShortPixel, 尽管优化的尺寸不是最高的。Imagify 和Optimole都比他还要高点。

原文在这https://www.authorityhacker.com/best-wordpress-image-optimizer/

为什么选择ShortPixel
Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

其实我也是ShortPixel的忠实用户,之前也用过免费的Smush和EWWW.

Smush安装量有100万用户以上,是很受欢迎的。

免费的Smush可以无限制压缩图片数量,但压缩质量没有shortpixel好,而且一直引导你升级为他们的付费会员。

shortpixel每月免费压缩100张图片,超过了会要求付费。

付费有2种模式,按月收费,也可以按数量收费。

shortpixel付费套餐也非常划算,有2种最合适我们的:

  • 一个是按数量收费,9.9美金压缩1万张图片,没有时间限制
  • 一个是按月收费,4.99美金 5000张/月

现在由于疫情影响,相同价格可以压缩2倍的图片了,也就是9.9美金可以压缩2万张图片,4.99美金/月可压缩1万张图片。

如果数量多,每月更新文章多,按月会比较划算。

我买的就是按数量来压缩的。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)
ShortPixel优势

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

ShortPixel被称为图片优化神器,可以达到90% 以上的超高压缩率,肉眼分辨不出来的好品质!

我上传的图片,优化后,基本能压缩60%到80%的空间。

而且,它还支持下一代图片格式webp。

根据谷歌官方的说明,与PNG相比:

WebP无损图像的大小要小26%。

在同等的SSIM质量索引下,WebP有损图像比可比JPEG图像小25-34%。

参考来源:https://developers.google.com/speed/webp

Smush不支持WebP 格式,压缩比例无法控制。

ShortPixel还可以把图片存储到他们的服务器上,为你的图片cdn加速。

更为重要的是,它的自动化和智能化。

ShortPixel是一家重视AI技术的公司,你从他们的Logo就可以看出来。

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

你需要的就是上传图片,ShortPixel在后台自动就压缩图片,自动优化好了。

就像上面作者总结的:

ShortPixel is our tool of choice, simply because it’s pretty much automated – we just let it do its thing.

ShortPixel优化设置
Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

ShortPixel的优化是很简单的三步:

  • 选择对应的版本
  • 选择图片压缩的方式
  • 保存下设置即可

选择ShortPixel版本

需要说明的一点是,ShortPixel有2个版本:

  • ShortPixel Image Optimizer (SIO)
  • ShortPixel Adaptive Images (SAI)

SIO用的人更多,主要是图片压缩功能。

SAI的主打功能是自适应图片的优化,还有图片的CDN加速功能。

具体要看你喜欢哪个版本。

你可以2个版本都安装,但官方不推荐2个一起使用。他们的建议是,如果你做的是local business,建议用ShortPixel Image Optimizer,如果你的访客是来自世界各地,他们推荐使用ShortPixel Adaptive Images。

按照这个推荐,我们外贸用户其实更应该用后者。(而我一开始用的是前者)

选择ShortPixel压缩类型

  1. Lossy – higher compression, lower image quality
  2. Glossy – almost identical to the original image
  3. Lossless – lower compression, higher image quality

我们使用最多的是Lossy(有损压缩),基本能压缩60%到80%的图片空间。

回到上面GTmetrix检测出的那个问题来:

Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

什么是Serve Scaled Image?

中文没有对应的翻译,也没人讨论这个话题。

可以这么理解:就是给你的页面提供适当大小的图像。

你的网页宽度是多少,就尽量提供这个宽度的图片给用户。

这样访问速度就会快很多。

比如,你的博客页面的宽度是750像素,但你上传的图片是3000像素宽,这个在页面上展示出来,不就是资源的浪费吗?

ShortPixel Adaptive Images 就能解决这个问题的。

能根据用户的设备,提供给设备对应大小尺寸的图片。

据我所知,好像就ShortPixel Adaptive Images这个插件有这个功能?如果大家有知道其他的,可以推荐反馈。

如何手动解决Serve Scaled Image问题?

通过GTmetrix找到页面上尺寸偏大的图片,去后台修改图片尺寸,再测就会没问题。

但我也发现一个问题,如果按照GTmetrix的每个要点去修改好,PageSpeed Score可以达到99分,但实际的加速速度会慢了很多,而且谷歌官方测试的分值也会下降不少。

所以测速工具只是作为一个参考,不能为了让每个指标达到高分值而去装太多的插件,反而影响了网站的速度。

如果后续加上cloudfare等CDN加速,网站速度会更上一层楼。

下次有机会再更新下。

总结
Wordpress网站极限加速和优化:2个图片和缓存插件让你的WP网站速度像Rocket飞上天!(免费和付费工具推荐)

这篇文章主干其实就2个付费插件:

  • WP Rocket
  • ShortPixel

如果你目前没有付费计划,推荐免费插件:

  • LiteSpeed Cache (缓存))

  • WP Optimize(数据库优化)

  • WP Smush (图片优化)

  • Cloudflare Free(CDN)

还有,如果都尝试过了还没作用,可以考虑更换下你的服务器。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

Contact Us

286604026

在线咨询:点击这里给我发消息

邮件:286604026@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

ajax-loader