Avoid flickering on content modification?

[javier_pozueco]

Hi, Is it possible to avoid flickering on content modification? I'm using the content modification extension with DOM Ready scope, in order to change the banner of the home page, but there's a little delay until the modification is done, where you can see the old banner. Is it possible to avoid this? Javier

[roshan_gonsalko]

Hi Javier, Thanks for your question. To my knowledge, the content modification extension needs to wait until DOM Ready to ensure that the HTML has loaded on the page before it tries to modify it. This means there is potential for flicker. However, I do believe you could combine a pre-loader extension to set the class/id of the element you are trying to modify to 'hidden' or something similar to keep it hidden until the content modification extension runs. Let me ask our team and get back to you...

[simon_browning]

What Roshan is suggesting would work and prevent the original content from being displayed. If the banner is available at the preloader you can set a JS extension to perform the content modification. This would prevent the flickering that you are seeing. Perhaps if you can send an email to support with an example of the URL we can help to find the best solution for you.