AEP WEB SDK and flickering

[pradeep_07]

Hi,

We are noticing Flickering issue with WEB SDK loading sync and Async. We tried adding pre hiding snippet for homepage where our current Adobe Target test. We still see the flickering issue.

Order:

1. Data Layer

2. Prehiding snippet

3. Launch script

Below is the pre hiding snippet we use.

<script>
!function(e,a,n,t){var i=e.head;if(i){
if (a) return;
var o=e.createElement("style");
o.id="alloy-prehiding",o.innerText=n,i.appendChild(o),setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}}
(document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, ".personalization-container { opacity: 0 !important }", 3000);
</script>


We don't see the flickering with App measurement script.

Thanks,

Pradeep

[SSampsa]

Are you using the unified call or the new beta feature to separate Target call, named "Guided events"?

Since Target with at.js runs independent of Analytics, it actually seems to have less delay than WebSDK and it's default model of a single call. This varies somewhat, but im general separate calls are a better option.

This describes how it works: 

https://experienceleague.adobe.com/en/docs/platform-learn/implement-web-sdk/applications-setup/setup...

[pradeep_07]

Its unified call right now. I think you are correct .Since Web SDK handles multiple Adobe services, it may take longer to initialize compared to AppMeasurement, leading to timing issues where the page loads before the Adobe Target modifications can be applied, causing flickering.

[pradeep_07]

I tried splitting both target and Analytics call using guided events. Issue still exist.

[Rite18]

@pradeep_07  while calling antiflicker can you use, html synch true and async true for launch ? this would address as would control the order as default is async