谷歌浏览器速度问题答案

【问题标题】：Google Chrome speed problems谷歌浏览器速度问题
【发布时间】：2011-12-20 19:03:14
【问题描述】：

我偶然发现了一个奇怪的 Google Chrome 问题。我正在为使用 jQuery slideToggle 显示和隐藏缩略图列表的画廊制作一个简单的脚本。在最新版本的 IE 和 Firefox 中，它运行良好，但在 Google Chrome 中，滑动动画的运行延迟非常明显。谁能告诉我，这是一个常见的 Chrome 问题吗？有什么解决办法吗？

我使用 slideToggle 的 div 是：

<div class="ivg_items_wrap">
<div class="ivg_items">
    <div><img src="/ivg_images/001_ivg.jpg" alt="" title=""></div>
    .....
    <div><img src="/ivg_images/nnn_ivg.jpg" alt="" title=""></div>
</div>
</div>

div 共有 32 张图片。每张图片大约 7kb 大，大小为 100x100 像素。

谢谢！

【问题讨论】：

你能提供一个链接，或者给我们看一个演示吗？
另外，32 张图片似乎有点过分了！你真的需要那么多吗？
不，恐怕不能，我想这可能是一个常见问题。
即使我将图像数量设置为 10 或更少，滞后仍然存在。

标签： javascript jquery google-chrome

【解决方案1】：

试用 Chrome DevTools 分析器：Ctrl-Shift-I，选择顶部的 Profiles 面板，点击状态栏中的 Record 按钮，然后运行滞后动画。然后停止分析器（再次点击发光的记录按钮）并检查配置文件。如果最耗时的行是“（程序）”，那么您的问题与 Chrome 内部有关。否则就是 JavaScript 代码慢（你的硬件够强大吗？）

【讨论】：

程序占用了 99.6% 的时间。这与硬件无关——正如我所说，一切都在 IE 和 Firefox 上顺利运行。
您是对的，鉴于配置文件，这是浏览器代码运行缓慢。随意使用new.crbug.com 提交错误（但在提交之前搜索类似的错误。）
终于找到了卡顿的原因，显然是设置了容器的box-shadow样式。