Steve Souders об особенностях клиентской оптимизации
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
