Fancybox ajax 加载图像会减慢 chrome

Question

所以我正在将图像列表加载到jQuery Fancybox中（大约10张图像，都在几mbs以下），它使chrome浏览器陷入困境，以至于无法使用。在我的进程列表中观看 chrome 显示，当它加载时，它从大约 165mb 内存跳到超过 250mb，当我将鼠标悬停在任何内容上时，它可以高达 300mb 以上。我不确定这是花式盒子还是铬的已知问题，还是什么？我不确定我是否可以为这个写一个小提琴。任何想法/意见不胜感激。

花式盒子：1.3.4

j查询：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。