Personalized content flicker issue

[vishnupriyad501]

I have created the teasers using CQ5.6/MCM, added them in to the page using personalization components(Teasers, Target) with appropriate segments to show personalized content to site visitors of norton.com . The personalized content is getting rendered asynchronously after all content of the page is loaded and resulting in flicker. Is there a way to get around  this?

Thank you,

Vishnu

[smacdonald2008]

Did you follow the AEM documentation for this use case? 

http://docs.adobe.com/docs/en/aem/6-0/author/personalization.html

If so, and you get this result - this is a bug. 

[vishnupriyad501]

Yes, I did follow the above mentioned AEM documentation for this use case.  I'm seeing the .segements.js, store.init.js calls and the js call that renders the personalized content after the page is loaded on document ready. Is this expected?

Thank you,

Vishnu

[Paul_McMahon · Accepted solution]

The reality is that anytime you load new content into a page client side (which is what the personalization code does) you can end up with flicker. Whether or not you see flicker is influenced by any number issues including your custom HTML/JS, network latency, and the end users browser performance (on a faster computer or a new browser you might not see a flicker). 

You really need to look at your custom HTML/JavaScript to find a solution to the problem.