Strange CSS brief flashing divs / images issue

Question!

I have a website that recently started to have an issue with a bunch of divs containing links and images are flashing at the top of the website momentarily while the page loads.

See: pelicancases.com

It's strange because I see those images already rendered even before the images flash. Also, this is a new occurrence.

Could this possibly be due to CSS animation or CloudFlare caching/optimization?

Any recommendations on how to fix this issue would be greatly appreciated.



Answers

If I use WebPageTest to inspect your page I see some browser related issues.

When testing with Chrome there are three 404s https://www.webpagetest.org/result/160921_2N_1GQS/

http://www.pelicancases.com/android-chrome-192x192.png
http://www.pelicancases.com/favicon-96x96.png
http://www.pelicancases.com/favicon-194x194.png

If I test with IE 11 I don't see any 404s
https://www.webpagetest.org/result/160921_TE_1H77/

To troubleshoot I would start by disabling CloudFlare caching
(Domain > Overview > Development Mode > Enabled)

Then fix the 404s, they may not be the cause of the problem but worth eliminating first.

If you still have the flashing, try and figure out if it's browser related.

Good luck!



You could use Convert.ChangeType for that:

public void Add(object value)
{
    var t = Convert.ChangeType(value, typeof(T));
}

See the fiddle: https://dotnetfiddle.net/0Tfgyz



If you need object insead of T you can use dynamic in your Add method.

 public void Add(object value)
 {
      //When T is decimal, then I get 
      // System.InvalidCastException
      dynamic t1 = value;
      var t = (T)t1;
 }
By : steryd


This video can help you solving your question :)
By: admin