php - 网站轮播图如何加载速度快
给我你的怀抱
给我你的怀抱 2017-05-16 12:59:36
0
4
658

进入首页 首页的轮播图6张 是从数据库里面读取地址加载出来的 打开时候需要加载很久 请问有什么方法吗 排除懒加载 图片已经进行过压缩

给我你的怀抱
给我你的怀抱

全部回复(4)
巴扎黑

可以使用预加载,在刚刚访问的时候就已经加载进来了

黄舟
  1. 可以的话,图片用 webp ,或 tinyPNG ;

  2. 尺寸匹配轮播组件实际大小,或另做缩略图;

  3. CDN;

  4. http/1.x 升级到 http/2;

  5. 缓存到 localStorage 本地,格式用 base64,设置一个过期重载机制;
    ...

想到再补充

阿神

简单快速无门槛的方法:

  1. 自己在服务器配置gzip压缩

  2. 花点钱弄个小文件存储+cdn一起服务,比如七牛、OSS、又拍...

较复杂、有点门槛、需要看具体应用场景是否适合的方法:

  1. 考虑用知乎的类似懒加载效果,但是比传统的懒加载体验要好不少,逼格满满,按逻辑拆分大小图(或用cdn服务的api改变参数实现),默认加载小图,然后用过度效果加载大图。

效果请看这个链接:https://zhuanlan.zhihu.com/p/...
小图:https://pic2.zhimg.com/v2-bf1...
大图:https://pic2.zhimg.com/v2-bf1...

  1. 考虑全新的图片格式,比如google的webp,有损压缩估计比jpg小30%左右,无损压缩估计比jpg小60%左右,还有腾讯最新的自研格式TPG,这两天介绍文章满天飞

巴扎黑

跟行尸走肉行尸走肉

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板