CODEWITHSUNDEEP
javascriptjquerygoogle-chrome
opportunato
opportunato

Reputation: 631

Google Chrome speed problems

I've stubmled upon a strange Google Chrome problem. I'm making a simple script for gallery that is using jQuery slideToggle to show and hide list of thumbnails. In the latest versions of IE and Firefox it works just fine, but in Google Chrome the sliding animation is working with really noticeable lags. Can anybody tell me please, is this a common Chrome problem? Is there any workaround for it?

The div I'm using slideToggle on is:

<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>

There are 32 images in div total. Every image is something like 7kb big and has size of 100x100 pixels.

Thanks!

Upvotes: 0

Views: 188

Answers (1)

Alexander Pavlov
Alexander Pavlov

Reputation: 32286

Try out a Chrome DevTools profiler: Ctrl-Shift-I, select the Profiles panel at the top, hit the Record button in the status bar, and run your lagging animation. Then stop the profiler (hit the glowing Record button again) and examine the profile. If the most time-consuming line is "(program)", then your issue is related to the Chrome internals. Otherwise, it's the slow JavaScript code (is your hardware powerful enough?)

Upvotes: 2

Related Questions