进入首页 首页的轮播图6张 是从数据库里面读取地址加载出来的 打开时候需要加载很久 请问有什么方法吗 排除懒加载 图片已经进行过压缩
可以使用预加载,在刚刚访问的时候就已经加载进来了
可以的话,图片用 webp ,或 tinyPNG ;
尺寸匹配轮播组件实际大小,或另做缩略图;
CDN;
http/1.x 升级到 http/2;
缓存到 localStorage 本地,格式用 base64,设置一个过期重载机制;...
想到再补充
简单快速无门槛的方法:
自己在服务器配置gzip压缩
花点钱弄个小文件存储+cdn一起服务,比如七牛、OSS、又拍...
较复杂、有点门槛、需要看具体应用场景是否适合的方法:
考虑用知乎的类似懒加载效果,但是比传统的懒加载体验要好不少,逼格满满,按逻辑拆分大小图(或用cdn服务的api改变参数实现),默认加载小图,然后用过度效果加载大图。
效果请看这个链接:https://zhuanlan.zhihu.com/p/...小图:https://pic2.zhimg.com/v2-bf1...大图:https://pic2.zhimg.com/v2-bf1...
考虑全新的图片格式,比如google的webp,有损压缩估计比jpg小30%左右,无损压缩估计比jpg小60%左右,还有腾讯最新的自研格式TPG,这两天介绍文章满天飞
跟行尸走肉行尸走肉
可以使用预加载,在刚刚访问的时候就已经加载进来了
可以的话,图片用 webp ,或 tinyPNG ;
尺寸匹配轮播组件实际大小,或另做缩略图;
CDN;
http/1.x 升级到 http/2;
缓存到 localStorage 本地,格式用 base64,设置一个过期重载机制;
...
想到再补充
简单快速无门槛的方法:
自己在服务器配置gzip压缩
花点钱弄个小文件存储+cdn一起服务,比如七牛、OSS、又拍...
较复杂、有点门槛、需要看具体应用场景是否适合的方法:
考虑用知乎的类似懒加载效果,但是比传统的懒加载体验要好不少,逼格满满,按逻辑拆分大小图(或用cdn服务的api改变参数实现),默认加载小图,然后用过度效果加载大图。
效果请看这个链接:https://zhuanlan.zhihu.com/p/...
小图:https://pic2.zhimg.com/v2-bf1...
大图:https://pic2.zhimg.com/v2-bf1...
考虑全新的图片格式,比如google的webp,有损压缩估计比jpg小30%左右,无损压缩估计比jpg小60%左右,还有腾讯最新的自研格式TPG,这两天介绍文章满天飞
跟行尸走肉行尸走肉