javascript - 比较图像与 javascript 时哪个更快?

标签 javascript performance html

我想知道加载用纯 javascript 制作的图形或使用大图像是否有很大区别。

作为引用,我在 jsFiddle 上做了这个例子.从性能的 Angular 来看,什么是最好的,使用 png 图像绘制图像还是使用 javascript 绘制它?

最佳答案

对于复杂的图片,渲染会很慢,因为javascript本身就很慢。 对于数百张小图片,使用 img 标签可能会非常快。

扼杀性能的唯一方法是使用“运行时间很长的 javascript”,因为阻塞(并且可以通过某些工作/消费者模式避免),或者使用具有 alpha 透明度的巨大图像。

Chrome 和 Opera 的 future 版本将有一个用于 CSS/渲染的分析器,它会告诉您究竟有多少以及什么需要更多时间来渲染。

关于javascript - 比较图像与 javascript 时哪个更快?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9864341/

相关文章:

javascript - 在 Promise.race 中的第一个 Promise 被解析(拒绝)后,执行是否完成?

javascript - div 值在 jQuery 中未定义

c - 初始化结构的二维数组,所有值都归零

javascript - 将盒子拆分为其父级的 50% 高度

javascript - 我可以在 CaSTLe MonoRails/NVelocity 中以编程方式将标签附加到 <head> 中吗?

python - 如何使用 python 数据修复翻转

javascript - for循环比reduce慢?

javascript - 从 html 获取 php 生成的 json

html - 填充集时,相对父级内部的绝对定位会溢出 div

javascript - 当页面添加1,滚动到底部