Animation sequence freezes during specific trials

[PazBar-Tal]

Hello everybody, I'm running an experiment presenting frame sequences (20 frames displayed for 100ms each) using the jspsych-animation plugin. When I use an external server (i.e., MindProbe), the sequence occasionally freezes during random trials (approximately 1 from 15 trials), especially in the beginning. I tried to force the browser to use the GPU for rendering instead of the CPU using this code in the style section in my code:

img {
will-change: transform;
transform: translate3d(0, 0, 0);
}

I also use jsPsych.pluginAPI.preloadImages for each trial to not overload the server (although I tried in addition to also preload all the images together using this code:

  fetch("image_list.json")
      .then(response => response.json())
      .then(images => {
          jsPsych.pluginAPI.preloadImages(images, function () {
              console.log("All images preloaded.");
          });
      });

which helped a little bit but didn't solve the problem).

Has anyone encountered similar issues or can suggest debugging approaches?

[kurokida]

Hi,

I'm not sure about the cause either, but I think there might be some errors in the Chrome Developer Tools. I recommend checking that.

Best regards,
Daiichiro