开源WordPress图片优化插件,服务器内存暴瘦插件

刚建站的时候,由于服务器是低配的,结果网站刚上线没多久,打开前端就出现图片加载缓慢,开始以为是被攻击还是服务器买的太烂,还是网站的代码问题。

折腾了一圈,后来才发现是图片都太大了,打开媒体库一看,每张图都是3~5M左右,甚至有的更大。我的服务器带宽是5M的传输速度应该是500kb吧,粗略一算3M应该要6秒?这还是一个人的,就是很恐怖了。

图片[1]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程

何况网站不可能只有一张图,是一堆图。这就显得初建站上图片不优化就是毁灭级的打击了。

之前看过许多小站不是很少有图,就是把图有损压缩到了极致,基本是很糊的,但这样又很影响体验。

起初在wp的官方搜索里也有可用的,但是有些限制,并且还是付费订阅的,免费会有许多的功能上的限制。后来也是主题还是版本更新的问题,插件跟我的站点有许多bug问题。近期更的也不多,一直在用在线压缩的tinify来处理图片,这样就比较麻烦,每次都要打开网站去上传再下载。这个站点的免费在线跟wp的插件一样限制5M以内的图片,我比较怀疑是不是一个人做的,还是都有这个5M的共识

图片[2]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程
添加图片注释,不超过 140 字(可选)

终于忍不住的我开始做了一款wp的图片压缩+转换webp格式的插件来帮助我们缩小图片的大小问题。

我采用的策略就是先按照tinify的思路去压缩一下图片,这样几兆的图就会变成几百kb,再通过转换webp格式尽量变成100kb或者几十kb。这样得到的图片就可以很小并且不会损害查看图片的太多体验。

于是我得萝卜WebP大师由此诞生,也是我这个小白萝卜的第一款开源形式发布的插件,表示很欣喜~目前0Star 0fork

图片[3]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程

安装好后的插件界面如下,虽然初版写起来还是蛮快的,但是后续UI和各种细节的优化也是改了几十版,插件也从19KB涨到了209KB

图片[4]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程

核心配置上有三个功能,第一个是为了国际化添加了英文版本的语言(虽然可能用处不大,但有备无患了),二是开关功能,三是是否上传后自动瘦身的功能。

图片[5]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程

瘦身也做了安全保障,上传的时候开启原图自身优化的开关,这时候会覆盖原来的大图,如果你想要保留的话可以开启原始母本备份,专门给想要保留原图的小伙伴。最后一个就是压缩的质量了。这个推荐是82~85,越高是压缩的越小,100的话就是无变化,50以下图片可能就不是很清晰了。

图片[6]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程

最后一块是WebP二次终极优化质量,把图做到观感好的情况下极致小的设置了,这个推荐是75~82了。原理同上。

图片[7]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程

图片不优化,网站会有多吃亏?

  • 用久了服务器的磁盘很容易干满,动辄就是即使GB,到时候总是扩容可能比服务器都贵了。
  • 带宽如果不限量还好,限量的话流量一大起来直接被吃干抹净了。
  • LCP评分飙红

总体都是用户体验会很不好,LCP评分飙红是你的网站加载很慢,搜索引擎的分数也是很不友好。

这里我测试一张1.8M的图片,原图在82%的压缩下会降到400多KB再变成webp就会在缩小一倍变成200KB,这样在速度上是大大的降低了。

图片[8]柯柯DB-技术分享-资源下载平台-免费黑科技软件开源WordPress图片优化插件,服务器内存暴瘦插件 - 柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程柯柯DB-技术分享-资源下载平台-免费黑科技软件柯柯DB - 免费黑科技软件 & 编程资源分享平台 | 安卓工具·绿色软件·开发教程

项目名称为:radish-webp-optimizer,我在Gitee和Github都进行了代码开源,Gitee上可能有时候版本可能会慢一点,因为需要手动同步,当然我也在wordpress的官方插件库上传了,在进行审核,还有就是版本比较老,提交那个版本时候我觉得效果还行,自己使用后又优化了几十版的小细节,等通过了我再去上传更新的版本去审核吧。

安装也是非常的简单。直接在后台上传ZIP包就能用了,环境要求是WordPress5.6+和PHP7.2+.

如果你也在被图片太大,太慢感到困扰,还不想花米去解决,不妨试试我得这个插件吧。对于跟我类似的小站长来说,这种钱能省则省了。

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容