Skip to content

当前

image-20220809135918661

首页当前最大的问题就是几张背景大图的加载速度问题,导致第一次加载时,整体背景和模仿的各面都是像挤牙膏一样,观感很差

首页只包含简单的样式和操作,bundle分析很正常,看来只要提升图片加载速度就可以

图片压缩控制大小

上传到图床(未来再加上CDN,现在没钱)

link preload提前加载图片

image-20220809161318682

好很多,但是魔方6个面还是有时会出现加载不完全问题

把每个图片生成5kb左右的小图,让webpack打包时打包成内置的图片url,设置在background-image上,效果又好了一点

当设置为slow 3G时,小图放大展示还是有点难看,高清壁纸在覆盖时仍然有挤牙膏的感觉,

尝试渐进式图片?

苏ICP备2025160170号-1 | 前端进化之路 | Released under the MIT License.