Steam 社区图片瀑布流加载慢的问题

Steam 社区图片目前是以瀑布流形式展示。

社区截图链接

Steam Community :: Black Myth: Wukong

但是没有分页,也不限制最大展示图片数量,无限滚动。
kGtPby.03.png
图片数量少还好说,基本随看随加载。
可一旦随着滚动,加载过的图片数量达到几千上万张的时候,浏览器会变得十分卡顿。
也不是说卡,是每次需要大概 30 多秒才能加载 10 张图片。
这特么回到电话线上网时代了啊 :japanese_goblin::triumph:
而如果一不小心点进别人主页去,返回又是从头开始加载到上次浏览位置。
更糟心的是,有时候网络一波动,大概 20s 左右连不上它那烂服务器,这加载就到头了 :face_with_symbols_over_mouth:
kGtNhJ.04.png

我已经找客服提建议了。

  1. 图片展示进行分页,每页最大 500 张图片或其它数量。
  2. 添加筛选,如日期筛选,赞数筛选。
  3. 添加倒序浏览。

但估计也是石沉大海。

所以想问问大伙,这种情况如何加快加载速度
或者怎么把前面已经加载的图片删掉
这样加载新图片的话应该没那么慢、那么卡了吧。

打开控制台看了下,它这应该分页了,只是不给用户显示吧?
kGtmZx.02.png
我猜这么做的原因是:防止被爬?能分页就是不分,就是逗你玩。

补充:
steam 会记录浏览位置,会在社区图片页面链接后面加上 ‘#scrollTop=6785999’ 的定位标记,末尾数字越大,表示之前加载的越多

老外开发这一类应用的通病,你多用几个老外的类似网站,都是这样!
稍微不注意刷新一下,你又得从头往下拉

这也不是steam一家的问题了吧,现在用瀑布流的网页太多了,一个页面里看久了多少内存都扛不住。也有那种有限瀑布流的,加载后面就删掉前面的,想往回翻一下看之前的内容,结果已经刷没了。传统论坛式的分页倒是没有上述问题,但缺点是如果一页里的楼层数较少就需要经常开新页面。很难说这几种模式的体验到底哪个更好。

1 个赞

可能是他一家的问题,其它的图片隐藏后,一般还是会做一些优化,可能会卸载图片
而stearm完全没有做这个工作

得给用户一个选择,分页和瀑布流同时存在,限制每页瀑布流最大展示数量。
不过目前我得想个办法怎么加快加载速度,我试了下手动删除这些 id 元素页面好像会卡住

等我空的时候做一个优化加载的脚本,或插件,我也经常遇到这个问题,到时候分享出来

我翻了300多页,加载了3000多张也还没卡30秒。
而且就算你往下加载再多,这些数据也是缓存到你硬盘上了的,对内存的占用也并没有增加(一直稳定在900,000K),应该是做过相应优化的。我更怀疑是你的硬件性能或者网络问题。


你这内存占用这么少,我用的百分,到最后能占 3.6G
这个 300 多页不知道是多少张,但黑神话发售时间不长,图并不多,我看的是其它游戏的,最后的定位数字大概在 #scrollTop=5053704
我个人感觉末尾数字从 300 万开始就慢了,你可以比较下你浏览的数字
网络问题可能有影响,但刚开始是秒加载,越往后越卡,应该不是主要原因

厉害了,很期待
我手动删 id page 元素不知道可行不,之前删着删着突然给卡了
另外,我不知道怎么多选删除,只能挨个删

就是搜索”奖励“的数量,3170张 :joy:我感觉这个数量已经够多了

多选删除的话,右键编辑HTML就可以框选,或者按住Shift键多选了!

多谢,这个方法真不错
删除前面的图片后,加载起来果然丝滑多了 :heart_eyes:
我真想骂 Steam 这帮是些饭桶了

就是得隔一段时间删除一次,刚删着不知为啥突然又不动了,可能我删的太快了?
算了,再刷新重来吧,反正知道怎么弄了
kG874P.1.png

也有可能是你删除太多,把它触发加载下一页的部分给删除了

手动解决了加载问题,痛点没办法解决还是难用
昨天划拉了一天,将近 4 万张图还没到头,最后网断了一小会没注意到 GG
不分页、没筛选简直有大病,再也不看了

我看周末有没有空,把小插件做出来