图片显示用静态资源+相对路径 对比 用 base64,性能上有区别吗

2023-01-29 11:13:53 +08:00
 unt
图片 2k,base64 3k 。

页面上渲染 3000 个图片,性能上有差距吗。
3509 次点击
所在节点    程序员
25 条回复
laqow
2023-01-29 18:52:14 +08:00
感觉看引擎和硬件渲染。另外渲染 css 背景,img 标签,或者 appendChild Image 对象的性能应该都不同
daoqiongsi1101
2023-01-29 18:55:10 +08:00
@for8ever 用 http/2 协议就没你说的这个问题
cleveryun
2023-01-29 21:05:40 +08:00
@unt 3000 个相同图片的话,那必然是用 http 地址比 base64 好,而且好太多了,3000 个一样的 http 地址,你只为图片浪费了 2k 带宽,3000 个 base64 你需要 3k x 3000 =9000k 带宽。你审查下用 base64 的 img 标签,内容是直接塞进 html 里的,有几个就是几倍的大小。
janus77
2023-01-29 21:40:26 +08:00
肯定不是一个屏幕几千张啊。用懒加载就行了,一个屏幕最多也就一百张左右
superares
2023-01-29 23:08:45 +08:00
可以看下 Google 的图片搜索,前面两排左右的结果是 base64 ,后面的就是图片地址了。base64 就是为了快速出图片,但是不适合大量图片

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/911260

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX