Click here to Skip to main content
15,860,859 members
Articles / Web Development / HTML
Tip/Trick

Mitigate/Eliminate Browser Flashing with Simple Trick

Rate me:
Please Sign up or sign in to vote.
4.94/5 (6 votes)
22 Feb 2019CPOL 3.8K   1   1
Mitigate the browser flash between page navigation on your site

Introduction

This is a real quick tip for web developers:

I was working on a MVC5 web site, and changed to a theme with a dark background. I noticed that when I clicked a link that navigated to another page on the site, the entire browser window would flash a white background before rendering the new page.

I fixed this by moving all of the JavaScript loading to be the last thing in the body tag, and left all the CSS file loading at the top.

It was a simple fix to an annoying visual effect. It would be real nice if the MVC template was changed to reflect this paradigm.

History

  • 2019.02.22 - Initial publication

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior) Paddedwall Software
United States United States
I've been paid as a programmer since 1982 with experience in Pascal, and C++ (both self-taught), and began writing Windows programs in 1991 using Visual C++ and MFC. In the 2nd half of 2007, I started writing C# Windows Forms and ASP.Net applications, and have since done WPF, Silverlight, WCF, web services, and Windows services.

My weakest point is that my moments of clarity are too brief to hold a meaningful conversation that requires more than 30 seconds to complete. Thankfully, grunts of agreement are all that is required to conduct most discussions without committing to any particular belief system.

Comments and Discussions

 
GeneralMy vote of 4 Pin
Dujardin122-Jul-19 3:36
Dujardin122-Jul-19 3:36 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.