列表页大量使用图片排版 UI 优化

小执念 · 2022-8-21 20:12

列表页帖子页之前的小图（热门精华推荐原创），改成 css小图标了，更加美观

列表页大量使用图片排版 UI 优化上面的对比.jpg

列表页上方的推荐帖子，改成图片形式显示：
列表页大量使用图片排版 UI 优化列表页对比.jpg

是不是更加美观大方了呢

----------------------------------------

回答一个让人好奇的问题：“Discuz 板块列表页面大量使用图片，会不会导致数据库查询过多呢？”

哈哈！虽然我两年前代码写得很烂，但是当年我加图片的时候已经考虑到性能问题了，我依靠 discuz 自身的缓存，设计了一个缓存规则，只要打开板块列表之后，里面的帖子图片 aid 会被缓存到专门的缓存数据表里面，使用 Redis 之后还能从 Redis 里面查找，不用去查询数据库。

依靠这个缓存数据，我在手机版上和其他地方可以非常方便调用缓存，极大的缓解数据库压力。

可以在网站底部看到列表页大量调用图片之后，数据库查询只有 7 个左右。

GMT+8, 2022-8-21 20:56 , Processed in 0.015397 second(s), 7 queries , Redis On.

复制代码

列表页大量使用图片排版 UI 优化

相关帖子

什么样的密码才算安全?

优化手机版列表页，修改默认头像

帖子页 UI 优化

电脑版回帖页面优化

用户表优化后主表和存档表合并的解

积分充值页面优化

管理员