jquery - IE Site Navigation Page Flicker -


so i've run problem pages flashing upon site navigation. ie, when click on link in header, page flashes white briefly before rendering. occurs in ie (currently using version 11) whereas appears cached fine in chrome , firefox.

here link site: kelsey's kreations.

here code in head of pages:

<head>   <title>flavors - kelsey's kreations</title>    <meta charset="utf-8">   <meta http-equiv="x-ua-compatible" content="ie=edge">   <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">   <!--[if ie]><script>document.createelement('main');</script><![endif]-->    <script src="http://use.typekit.net/dxe8zqc.js"></script>   <script>try{typekit.load();}catch(e){}</script>    <link rel="stylesheet" href="../css/style.css">   <link rel="stylesheet" href="../css/fa.css">  </head> 

here code @ bottom of pages:

  ...   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>   <script src="../js/header.js"></script> </body> 

i've tried "page-enter" hacks appear have been deprecated of ie9.

i tried moving js bottom of page, scripts in head have remain or else cause other problems in browsers.

try saving larger images (1000px cakeballs etc) "progressive" jpeg gives appearance of loading faster. might enough rid of flicker during load time without need change else.

if flicker still won't go away put background color behind lessen effect.

also take here: http://css-tricks.com/snippets/html/stop-ie-page-load-flicker/

if else fails, guess join rest of weigh our options when comes ie , let degrade nicely possible.


Comments

Popular posts from this blog

how to proxy from https to http with lighttpd -

android - Automated my builds -

python - Flask migration error -