murmur 版門門的优化

网站 995 views 14 replies
admin #1 ·

引入 CDN

image.png
由主页的加载图可以发现，大多数流量走 CDN，跟陈总的米国🐘服务器只传输 40KiB 左右的流量

支持 JXL

我之前聊过：

IO:

根据不同的浏览器 UserAgent，服务器发送支持的格式。
另外 AVIF 虽然压缩率比较高，浏览器广泛支持，但也存在一些问题：

  • 压缩/转码成 avif 较慢。
  • 不支持 progrssive decoding，导致没法在网络较慢时像 jpg 一样一行一行地加载，只能全部下载后才能加载。
    比较理想的是 jpeg-xl，支持 progressive decoding, encoding 较快。

考虑到 Firefox 157 版将默认支持 JXL，murmur 未雨绸缪，提前支持 JXL 格式，根据 Accept header 自动发送合适的格式，拓展名不变，还是.avif。

测试

curl -I "https://kr.pig2.de/uploads/image/f7/03/f703a8e02406c5321e2b1b680898d7706ddff92bcc45783ed2ddd630e4e1a42e.avif" \
  -H "Accept: image/jxl,image/avif,image/webp"

HTTP/2 200 
access-control-allow-origin: *
access-control-allow-origin: *
alt-svc: h3=":443"; ma=2592000
cache-control: public, max-age=31536000, immutable
cache-control: public, max-age=31536000, immutable
content-type: image/jxl
date: Thu, 27 Aug 2026 01:41:54 GMT
etag: W/"877996fde3b1300e"
server: JXLify
vary: Accept, User-Agent
vary: origin, access-control-request-method, access-control-request-headers
via: 1.1 Caddy
x-compression-rate: 1.22
x-original-format: avif
x-served-format: jxl
content-length: 1095

经浏览器模拟 throttle，JXL 的渐进加载跟 JPG 的一行一行加载不一样，而是从上到下，从左到右的网格形式的渐进加载。同时 AVIF 等其他图片格式继续保留加载时的占位符，防止图片加载后文本位置发生变化。

image.png
image.png

目前服务器响应的图片格式顺序：JXL ~> AVIF > WEBP > JPG/PNG/GIF
Intent to Ship: JPEG XL – Mozilla Hacks - the Web developer blog JXL 未必在所有场景下大小都比 AVIF 小，但相对编码速度较快，支持渐进加载，体验方式：

IO:

最新版 Chrome/Firefox 并需要启用 experimental setting：

  • Chrome：
    访问 chrome://flags/
    enable-jxl-image-format
  • Firefox：(手机版需 Firefox Beta)
    访问 about:config
    image.jxl.enabled
❤️👍️🥰
3
#2 ·
I
IO

回帖时没选择匿名发布 怎么也会变成 anonymous
——发自紫金港第一皮革鱼

admin #3 ·
A
anonymous

抽象

#4 ·
I
IO

测试一下是不是还是这样（发自皮革鱼）

#5 ·
A
anonymous

手机系统是 iOS18.3.2 用了 Safari 浏览器

#6 ·

或许发现了新问题：每次进入 chat 都有个登录页面 刚才登录过 然后退出进入 topics 再打开就又要重新登录😥

#7 ·

1

#8 ·
A
anonymous

当前无法上传图片，报错 Unauthorized，同样，因为权限无法查看我的草稿，无法添加书签，发帖为匿名，无法 log out

#9 ·
A
anonymous

点击聊天卡出去 log out 了，再登陆就好了

Crystal Clear 
#10 ·
Xrystal-line 羽流弦ノ迹

点击 chat 后出现登录页面 成功登录后点击具体群聊为什么还会出现登录页面🤯
发自皮革鱼

#11 ·
A
anonymous

确实，bug 还在

#12 ·

FYI，我还在用 kr.pig2.de，主域名还有一些功能有问题，比如文件上传

❤️
1
admin #13 ·

再试一下呢

#14 ·
I
IO

不知道为什么每次点击聊天入口就会需要登录，即使右上角一直显示着头像（即正常情况下的登录状态）

mod #15 ·
A
anonymous

我刚刚也出现了一次这个情况，但是之后就正常了

年月擦身过，暂且问，会更好吗？