aspnetcore-angular-universal icon indicating copy to clipboard operation
aspnetcore-angular-universal copied to clipboard

Screen flicker on app entry

Open isaacrlevin opened this issue 7 years ago • 7 comments

Not sure if this is known, buy there is screen flicker in the sample app when the site is first loaded by the browser. For instance, navigate to the Rest route directly and you will see notable flicker. Is there a known workaround for this?

isaacrlevin avatar Jun 13 '18 10:06 isaacrlevin

The Azure example might need to be updated, that's probably because the Rest API is being hit twice though. Using the Transfer http cache mechanism should automatically cache and reuse all GET's on that first SSR->CSR run. Is that not working anymore?? Let me know Isaac. Hopefully nothing has broken with the cache randomly. @isaac2004

MarkPieszak avatar Jun 13 '18 17:06 MarkPieszak

Give me a bit to pull latest and deploy to test

isaacrlevin avatar Jun 13 '18 18:06 isaacrlevin

@MarkPieszak this sadly is happening, look at the gif below. The rest api page flickers

issue

isaacrlevin avatar Jun 27 '18 14:06 isaacrlevin

@MarkPieszak is there something I can look at for this? It seems like the transfer cache is empty when it gets hit in devtools

isaacrlevin avatar Jul 05 '18 20:07 isaacrlevin

Is there any update on this?

KieranHarkin avatar Aug 26 '18 12:08 KieranHarkin

I got the same issue, not with the sample app tho, but with my own app. Doesn't have to be any API calls or nothing for me, it just flickers 🙁 Any clue on how to fix this?

ruant avatar Oct 04 '18 18:10 ruant

Have flickering in my app just recently downloaded a fresh project from github and I dont use an api. Any solutions for this?

JustasKuizinas avatar Jan 04 '19 11:01 JustasKuizinas