Question

所以我正在将一个图像列表加载到一个jQuery Fancybox（大约10个图像，都在几个mbs下），它正在使Chrome浏览器陷入无法使用的数量。在我的进程列表中观察chrome表明，当它加载时，它从大约165mb内存跳到250mb以上，当我鼠标悬停在任何东西上时，它可以高达300mb以上。我不确定这是fancybox或chrome的已知问题，还是什么？我不确定我是否可以为这一个写小提琴。任何想法/意见都表示赞赏。

Fancybox：1.3.4

jQuery：1.8.3

小提琴：http://jsfiddle.net/codephobia/zUWrb/

修改

我已经包含了一个小提琴来显示一些使用的css，html和javascript。这一切都非常基础。输出的图像html如下所示：

<ul>
    <li data-width="60" data-height="60" data-photo="6889639425_49a61a9559_b_photo.jpg" data-thumb="6889639425_49a61a9559_b_thumb.jpg">
        <img src="../photos/contacts/6889639425_49a61a9559_b_thumb.jpg" width="100" height="100" border="0" alt="6889639425_49a61a9559_b_thumb.jpg">
        <div class="photo-details clearfix">
            <a href="#" class="photo-delete" data-id="">Delete</a>
            <a href="../photos/contacts/6889639425_49a61a9559_b_photo.jpg" class="photo-view" target="_blank">View</a>
        </div>
        <div class="check-icon"></div>
    </li>
</ul>

Answer 1

如果没有看到代码很难说是什么导致这种情况，我建议使用Chrome浏览器开发者控制台（Windows上的Ctrl-Shift-I）中的“配置文件”功能来创建JavaScript CPU配置文件，这将显示你的JS代码的哪一部分占用了CPU。

Fancybox ajax加载图片减慢铬

1 个答案: