Animated GIFs stop when AJAX calls are made or client-side databinding is performed

Background

When using AJAX or client-side databinding, it is possible that the browser will become so resource-intensive that it is unable to tend to its animated GIFs. This can cause the GIFs to stop animating. This problem has been reported in all major browsers.

Symptoms

The symptoms of this problem can vary depending on the browser that is being used. However, some common symptoms include:

• The GIFs stop animating completely.
• The GIFs animate slowly.
• The GIFs animate erratically.

Workarounds

There are several possible workarounds for this problem. One workaround is to use a different browser. For example, Firefox is generally considered to be less resource-intensive than Google Chrome. Another workaround is to reduce the number of AJAX calls or client-side databinding operations that are being performed. Finally, it is possible to use a tool such as the [Animate.css library](https://daneden.github.io/animate.css/) to create animations that are less resource-intensive.