关于使用waterfall同步dropbox图片问题
你好,我在用smart page中用waterfall同步dropbox某个文件夹的图片发布,文件夹中有很多GIF动图(大概二十多张,每张动图1M左右,有的更大),所以打开网页的时候加载很慢,经常加载不出图片;请问有什么优化的办法吗,能否做到像dribbble.com那种先加载静态图片,点击预览的时候才自动播放gif?
发件人:luyaleem
你好,我在用smart page中用waterfall同步dropbox某个文件夹的图片发布,文件夹中有很多GIF动图(大概二十多张,每张动图1M左右,有的更大),所以打开网页的时候加载很慢,经常加载不出图片;请问有什么优化的办法吗,能否做到像dribbble.com那种先加载静态图片,点击预览的时候才自动播放gif?
发件人:luyaleem
@LL Luya, 因为对 GIF 的图形没有类似这么多处理的场景,所以目前都是默认 GIF 图片不处理缩略图的....
这个应该要进行优化。
再我们未处理之前,不知有没有选择一个亚洲的节点, 比如 日本东京的, 速度快一些,加载不出的图片概率会小很多, 默认的主节点,在一页这么多 GIF 图片的时候,国际线路的速度就成了瓶颈。 :)
@LL Luya,
KWen, 我们在 Dashboard -> 常规 内增加了 "GIF可缩略图" 的选项, 勾选之后, GIF 图片在 waterfall 中会被提取为静态的缩略图。 (原来 Page 已经生成的因为缓存不会生效, Page 一旦变更则会生效。)
但这样也有一个问题, 就是静态图是第一帧,可能并不是自己需要的最佳状态。
我想,还可以这样处理, 就是使用 image-list 这个 layout,里面的图片是缩略图, 但是 link 则指向具体的 gif,比如 /xxx/xxx.gif 。
waterfall 中目前提取的图片列表, 并不能针对一张图片对应某个外部的link,只能是第一帧静态图。
但不管哪种方法,都可以大幅地提高页面载入速度和性能。
:)
@Hepo 表示十分感谢,关于GIF第一帧的问题只要单独处理GIF就行了。另外就是更改勾选gif为静态缩微图之后,请问在一般的markdown中添加的gif是否也会是变成缩微图的而不自动播放?可否自定义设置在一些waterfall可以不用缩微图,而一些waterfall则用所谓图
@Hepo 还有一个问题,就是显示的gif缩微图上面并没有一些提示gif标志的东西提示用户可以点击播放
@kwen Dashboard -> 常规 内增加了 "GIF可缩略图", 这个已经 cancel 掉了。
考虑到这个情况,所以把这个调整为 Thumbnail Mode 了, 在 Image-List & Waterfall 中都可以设定。
另外, Waterfall 上的 GIF 图片增加了 GIF 的图片标识。 :)
@Hepo 简直太棒了
@LL Luya, 对了, 有个地方要注意下,https://kwenkwen.com/ 引用了两张非 HTTPS 的外链, 会导致浏览器访问时的警告的 (比如 HTTPS 没有绿标)。 :)
@Hepo 不太懂,会有什么影响吗,有什么办法改进不
@kwen 比如 http://ot4jd5a24.bkt.clouddn.com/%E4%B8%AD%E5%A4%A790.jpg 这个就是 非 HTTPS 的, 换成 HTTPS 开头的 (如果 CDN 支持的话)
或者这个图片上传到自己网站,然后网址改成 / 开头 (就是图片的具体路径)的 就可以了。
@Hepo 好的,感谢