让站点图片加载速度更快-Caddy webp 无感自动转换插件

2020-03-30 10:43:08 +08:00
 zhshch

之前看到 https://www.v2ex.com/t/648915 发现 Amazing 啊,但是单独开一个服务感觉怪怪的。

于是有 https://github.com/zhshch2002/caddy-webp

参考了 https://github.com/webp-sh/webp_server_go 的代码,包括对 Safari 的处理。

最重要的一点是——我们访问的 URL 可以完全不用改变,访客访问的依然是 https://image.nova.moe/tsuki/tsuki.jpg ,但是得到的图片格式为:image/webp,而且体积减少了不少。

这一点也实现了,只需要在 Caddyfile 里加一个webp指令,就可以截取root下的文件来自动转换。(如果把顺序提升到 proxy 之前,是不是也可处理以反代后端相应的图片,待会试试)

本质上插件是截取的正常 Handler 的响应,识别 content type,然后换成 webp,大功告成!

by the way,这只是个实验性的插件,没有特别完善

2053 次点击
所在节点    分享创造
4 条回复
INTEL2333
2020-03-30 11:52:35 +08:00
好像不错,这个插件+cf 美滋滋
DonnyChao
2020-03-30 12:49:13 +08:00
@INTEL2333 CF pro 版不是自带 webp 压缩优化功能
heiybb
2020-03-30 13:22:25 +08:00
要是 Safari 也能支持 webp 就好了
直接 CDN 上就直传 webp 图片
INTEL2333
2020-04-03 18:54:56 +08:00
@DonnyChao 是的吖,但是不知道为什么 webp 生成的好慢,然后我这个是混用的(。•́︿•̀。)还有 quic 要靠这个苟苟

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/657470

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX