Web 建站
未读
给HEXO加上TG的动画贴纸表情包
为解决博客评论区TG动画贴纸表情包流量消耗过大的问题，作者尝试了多种优化方案。最初发现100x100的WEBP格式动态表情包单个体积达300KB，影响加载速度；尝试直接播放.tgs或lottie格式时，多表情同时播放出现严重掉帧。受启发后，采用静态预览图替代动态图，仅在用户鼠标悬停或发送评论时显示动态效果，以此平衡流量消耗与视觉体验。具体实现基于twikoo评论系统，通过修改emotion.js中的图片获取逻辑，并针对安知鱼主题调整鼠标悬停事件函数，最终成功优化表情加载性能，访客在挑选表情包时无需提前加载动态资源。