На практике все оказалось не сильно сложнее. Мы загружаем в head
страницы (до вызовов любых внешних файлов) наш «легкий» CSS:
<link href="light-light.css" rel="stylesheet" type="text/css" media="all"/>
а затем добавляем в комбинированный обработчик window.onload
(подробнее о нем рассказывается в седьмой главе) создание нового файла стилей, который дополняет уже загрузившуюся страницу фоновыми изображениями:
function combinedWindowOnload() { load_dynamic_css("background-images.css"); ... }
В результате мы имеем максимально быстрое отображение страницы, а затем стадию пост-загрузки, которая вытянет с сервера все дополнительные картинки (тут уже сам браузер постарается), стилевые правила и скрипты.