感谢 语鹿云盾 提供的加速服务。如果想要同款CDN,可以点击这里注册哦!

昨天舞萌DX更新了KALEIDXSCOPE的紫之门。我们团队在此前已经完成了青之门,白之门的制作,网页也修改了很多。

GitHub Commit 记录

项目采用Tencent EdgeOne Pages部署,你可以在 https://github.com/Michaelwucoc/KALEIDXSCOPE 的Readme中一键部署

在当初刚刚开始的时候,我们采用的是水鱼的图片API。也就是用户加载我们网页的时候会自动往水鱼那里获取数据。这种方法确实管用,问题也随之而来:我们“糟蹋”的是水鱼的API,每次用户请求水鱼那边就会有带宽压力,所以在不久之后,我们尝试搭建自己的图片站。

Assets网站

如果你在访问我们的攻略网站时按下 F12,你会发现现在已经资源加载会定向到Assets网站了。并且在Header中有缓存状态。

网站链接

https://assets.awmc.cc

一个HIT

为了保证用户的访问,我们配置了CDN缓存。通常在一位用户访问的时候会自动缓存所有的图片,并在下一位用户访问的时候直接访问缓存而不是原服务器图片。

我们针对了此网站做出了全部缓存,大部分请求将直接采用缓存。

缓存参数

通过配置缓存可以减少用户的加载时间,并且有效的减少原服务器的带宽。

数据统计

在尝试部署了缓存策略,我们在查阅网页性能时确实获得了很好的性能。

加载一张照片用时<30ms

如果针对普通网站做出缓存策略,可以尝试一下如下的后缀名进行缓存:

bmp|jpg|png|tif|gif|pcx|tga|exif|fpx|svg|psd|cdr|pcd|dxf|ufo|eps|ai|raw|WMF|webp|avif|apng|jpeg|ico|mp3|mp4
css|txt|xml|html|htm

配置完成后查看缓存命中率是否有显著上升。如果是,那么你的缓存就配置成了!

最后修改:2026 年 03 月 26 日
如果觉得我的文章对你有用,请随意赞赏