html – 关于CSS精灵和内存使用的快速问题

前端之家收集整理的这篇文章主要介绍了html – 关于CSS精灵和内存使用的快速问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
那么它更像是一般的图像和记忆.如果我在页面上多次使用相同的图像,每个图像将被合并到内存中吗?或者每个图像会使用单独的内存量吗?

我担心这个是因为我正在为一个Windows桌面小工具构建一个皮肤系统,我正在将默认皮肤上的图像精简,以便我可以保持文件系统的清洁.同时我想尝试将内存占用率降至最低.如果我最终得到一个包含100个图像的单个文件,并在该小工具上重复使用该图像100次,我不希望有性能问题.

干杯.

解决方法

怎么样测试呢?创建一个简单的应用程序,有和没有精灵,并监视你的Windows内存,看看哪种方法更好.

我要告诉你测试,因为这个interesting post from Vladimir,甚至被Mozilla “use sprites wisely”条目所认可:

(…) where this image is used as a sprite. Note that this is a 1299×15,000 PNG.
It compresses quite well — the actual download size is around 26K – but browsers
don’t render compressed image data. When this image is downloaded and
decompressed,it will use almost 75MB in memory (1299 * 15000 * 4).

(在弗拉基米尔的帖子结尾,还有一些其他很好的参考)

由于我不知道Windows如何渲染它的小工具(如果它不会处理压缩的图像数据),那么IMHO很难说明哪种方法更好,没有测试.

编辑:官方Windows Desktop blog(自2007年以来未更新)说the HTML runtime used for Windows Gadgets is MSHTML,所以我认为测试真的需要知道你的应用程序如何处理CSS精灵.

但是,如果您阅读了一些Windows Desktop GadgetsWindows sidebar的官方文档,那么在The GIMAGE Protocol部分中有一个关于您不使用css精灵的决定的一个有趣的事情:

This protocol is useful for adding
images to the gadget DOM more
efficiently than the standard HTML
tag. This efficiency results
from improved thumbnail handling and
image caching (it will attempt to use
thumbnails from the Windows cache if
the requested size is smaller than 256
pixels by 256 pixels) when compared
with requesting an image using the
file:// or http:// protocols. An added
benefit of the gimage protocol is that
any file other than a standard image
file can be specified as a source,and
the icon associated with that file’s
type is displayed.

我会尝试使用这个协议而不是CSS精灵,并做一些测试.

如果没有这个信息会帮助你,我会尝试在Windows Desktop Gadgets official forums问.

祝你好运!

原文链接:/html/230978.html

猜你在找的HTML相关文章