A common drawback of progressive enhancement is that the UI will often "flash" or "flicker" when first loading. This is because conventional wisdom of separation of concerns calls for waiting until the DOM is ready to set up the UI for a richer interaction (tabs, accordion, drilldown, the list goes on). While this makes sense academically, we're not always putting the user experience first. Trust me, users do notice these things, even when they occur in under a second.
Assuming a general case where all that is needed is to A) know that
true, we can do this as early as the
<head /> portion of the page, and
incur no flicker penalty.
A simple, if inelegant solution, is to
document.write() a CSS file
full of "enhanced" styles into the
<head /> area of the page,
typically right after all of your basic CSS.
I've created a little demo of this to illustrate the technique. I don't have any quantitative performance comparisons as there is a near-infinite number of combinations of browser and implementation, but I've found the technique to be quite helpful, at least anecdotally. If you're like me and need to wait for external content such as web analytics images or 3rd party ads to load, you could see an improvement measured in seconds depending on your browser (looking in your direction, IE6/7)
I should mention this is a very simple, maybe even commonly used technique for many developers, but I haven't seen it widely endorsed (probably because it's not very elegant) and I felt it was worth promoting this underrated (in my opinion) solution to a common problem with an otherwise great approach to building accessible web content.