<rmcreative>

Steve Souders поделился сразу несколькими занятными фактами об особенностях современных и не очень браузеров.

IE и независимые от протокола URI

Internet Explorer 7 и 8 при использовании URI вида "//rmcreative.ru/css/main.css" будут загружать файл два раза. При явном указании http, https или использовании относительных URI этого не происходит.

document.write и FireFox

При загрузке скриптов через document.write в FF (в том числе и в 3.6) блокируются остальные загрузки.

IE грузит стили с media="print"

Причём делает это даже когда мы ничего не печатаем. При этом до полной загрузке блокируется рендеринг страницы.

Подключаем стили через JavaScript

Можно избежать блокировки, используя JavaScript:

var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = '/main.css';
document.getElementsByTagName('head')[0].appendChild(link);

Chrome, Safari и загрузка фоновых изображений

Перечисленные браузеры начинают загружать фоновые изображения до подгрузки CSS. Таким образом, изображения будут загружены даже если в CSS они переопределены.

Источники:

• Souders blasts off 5 in a row

• Missing schema double download

• document.write scripts block in Firefox

• media=print stylesheets

• dynamic stylesheets

• Speculative background images