Internet explorer ververst iedere keer de pagina, geeft effect van flitsen

http://www.helpmij.nl/forum/showthread.php/481191-Menu-reageert-anders-in-Firefox-dan-in-Explorer

en http://www.bluerobot.com/web/css/fouc.asp/
Advies: gebruik geen import of

  • De flits valt des te meer op, als de pagina een donkere achtergrondkleur heeft; Bij een witte of lichtgekleurde pagina-background valt het veel minder op.
  • De flits valt des te meer op, als de pagina veel afbeeldingen heeft (waardoor het downloaden van de nieuwe pagina wat langer duurt).
  • De flits valt des te meer op, als de bezoeker een trage (inbel) internetverbinding heeft.

Het verschijnsel staat bekend onder de naam FOUC = “Flash OUnstyled Content”. Soms wist IE de oude pagina en geeft dan de witte standaard pagina-achtergrond, totdat de nieuwe pagina helemaal geladen is en getoond wordt. Andere browsers wachten altijd netjes tot de nieuwe pagina klaar is, voordat de oude van het scherm gewist wordt.

  • Er is hier bij BlueRobot.com een beschrijving met oplossing en testpagina’s.

Zelf pas ik ook wel een IE pagina-overgang toe, die voor de nieuwe pagina een fade-in effect heeft (en tot die tijd de oude laat staan). Dat gaat met een <meta> code die alleen door IE wordt begrepen en de rest geen kwaad doet (en ook valid html is):

Om dit effect een beetje tegen te gaan:

  • En deze regel verwijderd:<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
  • Geen imports
  • Maak de website snel: test op Gmetrix:  http://gtmetrix.com  doe vooral: gzip compression!