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 они переопределены.
Источники:
