php - 网站轮播图如何加载速度快

Question

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

Answer 1

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

Answer 2

1. 可以的话，图片用 webp ，或 tinyPNG ；

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

3. CDN；

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

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

想到再补充

Answer 3

简单快速无门槛的方法：

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，这两天介绍文章满天飞

Answer 4

跟行尸走肉行尸走肉