Performance issue: Same image getting reloaded.
Sep 01, 2020
Hello,
How can I avoid reloading the same image multiple times?
Issues:
- I have an image in a layer that will be shown on a trigger. The trigger may get triggered multiple time and hence the layer will be shown and hidden multiple times. The image in the layer is reloaded every time the layer is being shown.
- Also, I have been using the image in multiple slides. I want the image to be re-used instead of reloading it in every slide.
Observation: I placed the same image on the master-slide template thinking the image might be getting removed from DOM when I hide the layer and hence it has to be reloaded when the layer is shown again. But the image is still getting reloaded.
Please suggest!
9 Replies
Hi Venkatesh Lakamana, in your browser console, you have "Disable cache" selected. What this is doing is forcing the same image to load each time by appending the query string (?rs=XXXX) to the filename by the looks of it. Try deselecting the "Disable cache" option in your browser tools.
Hi Sam, Thanks for your reply.
I tried again by turning off the Disabled cache checkbox, it still reloads the same image.
Also, I don't think the browser would add an additional query parameter to the URL to disable/avoid the cache. I believe the code generated by the Storyline tool itself must have added this query parameter which is leading to the same image reloading issue.
Could you suggest if there is any setting/configuration available in the Storyline to avoid this behavior?
Hi Venkatesh, you are right, I wasn't 100% confident that URL param was coming from the browser. Can you let me know what environment you are viewing the content on. Is the URL param coming from the environment perhaps? I just ran a couple of quick tests and the cached re-used image was loaded each time (no ?rs=xxxx). So, possibly your environment appending URL params to flush the browser cache. I've seen this before on DEV/TEST environments.
Hi Sam, This is happening both in the Dev and integrated environments.
Hi Venkatesh,
When you import the image into the slide or layer, you use import image, and import it from wherever your image source is. But when you use the same image again, you should be able to import it from the library within Storyline, so that Storyline re-uses the same image instead of re-importing it as a new image. This should resolve the issue that you are observing.
Dave
Hi Venkatesh, if you are ok sharing your file privately, I can take a look on my side. What you are seeing is not something I see with my projects. I'm not seeing the ?rs=xxxx param added. This is what is causing the server to reload the image, as it see a new URL each time. Without the ?rs=xxxx param, the cached image would be loaded. See if you can track down where that param is coming from.
Hi Dave,
Yes - I am reusing the same image picking it up from Media Library.
In fact, this issue is reproducible within a single slide with an image in a layer that gets visible based on the trigger. Please have a look at the attached sample story file with a single slide with multiple layers with images where I am able to reproduce this issue.
Thank you!
Hi Sam,
Please quickly created a sample story file with a single slide with multiple layers with images where I am able to reproduce this issue. Clicking on Yes or No buttons shows different layers with images. Clicking on these buttons multiple times loads the images again.
Thank you!
Hi Sam and Dave, Were you able to reproduce the issue? Do you have any suggestions around the fix?
This discussion is closed. You can start a new discussion or contact Articulate Support.