Header flashes during load

[ncolgrove]

During page load header styles flash. Fonts appear to change and the Nebraska "N" will flash purple at times. Screenshots of the progression are attached. Video of the interaction is available at the box links below. Video samples were taken from two different machines, both Chrome browsers.

Video Links:
https://unl.box.com/s/t4033n1x768yjpre6eg6tbt5dglx0k7h
https://unl.box.com/s/k3stcu6y2yle13si0jgimbyry3yzasre

[skoolbus39]

Nic, I just submitted a pull request that should remove the flash of blue links as the page loads. In my opinion, this is the most jarring aspect of the page load.

We will continue to work on minimizing the flash of unstyled content as the page loads (particularly in the hero region), but won't remove it altogether. It's recommended by Google. However, on subsequent page loads, I would like to see the critical CSS removed and cached CSS file loaded instead.

I've found these articles helpful on the subject:

• Filament Group
  • Modernizing our Progressive Enhancement Delivery
  • Delivering Responsibly
• CSS-Tricks
  • The Critical Request
  • Authoring Critical Above-the-Fold CSS
• Smashing Magazine
  • Understanding Critical CSS