test 收藏本站
登陆 / 注册 搜索

阅读:2.5K   回复: 1

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

[复制链接]
小执念 古黑浩劫论坛大牛 2022-8-21 20:12 |显示全部楼层

可遇不可求的事:故乡的云,上古的玉,随手的诗,十九岁的你。

管理员
列表页帖子页之前的小图(热门 精华 推荐 原创),改成 css小图标了,更加美观

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

列表页上方的推荐帖子,改成图片形式显示:👨‍🚒‌💎🔑😉✋
列表页大量使用图片排版 UI 优化 列表页对比.jpg

是不是更加美观大方了呢

🧑‍🎤‎👠💰😊✋
----------------------------------------

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

哈哈!虽然我两年前代码写得很烂,但是当年我加图片的时候已经考虑到性能问题了,我依靠 discuz 自身的缓存,设计了一个缓存规则,只要打开板块列表之后,里面的帖子图片 aid 会被缓存到专门的缓存数据表里面,使用 Redis 之后还能从 Redis 里面查找,不用去查询数据库。
👄🪐🍽🈷🐅‌
依靠这个缓存数据,我在手机版上和其他地方可以非常方便调用缓存,极大的缓解数据库压力。

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

🧒‌👑🖥😈🙏


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

上一篇
下一篇
帖子热度 2492 ℃

欣欣向荣 「锋芒初露」 2022-11-5 16:34 |显示全部楼层

这个用户很懒,还没有填写自我介绍呢~

还行吧
您需要登录后才可以回帖 登录 | 免费注册  

本版积分规则

快速回复 返回列表