Реактивные веб-сайты Николай Мациевский Евгений ...

46РЕАКТИВНЫЕ ВЕБ-САЙТЫ3. Пост-загрузка страницы — фоновая дозагрузка и кэшированиекаких-либо внешних объектов, которые могут потребоватьсяпользователю при использовании каких-либо интерактивныхфункций данной страницы или при переходе на другие страницысайта.Оптимизация стадии предварительной загрузкиСтадия предварительной загрузки завершается лишь после получениябраузером всех внешних файлов CSS и JavaScript из секции HTML-документа. Это справедливо для большинства браузеров.Чтобы ускорить наступление предварительной загрузки, следует снизитьчисло вызываемых в заголовке страницы файлов до минимума, применитьк ним динамическое сжатие, или, для еще большего быстродействия— статическое сжатие. При использовании статического сжатия серверуне придется тратить дополнительное время на сжатие, он будет сразуготов отдать сжатый файл.Загрузку файлов, не требующихся на стадии предварительной загрузки,имеет смысл перенести в стадию пост-загрузки.Итогом первой стадии загрузки является доставленный и оформленныйHTML-документ, с которым пользователь уже может взаимодействовать.Издержки на доставку всех файлов JavaScript должны быть сведенык минимуму, так как на этом этапе они только помешают, замедлив отображениеосновного содержимого страницы.Оптимизация стадии полной загрузкиПри правильной группировке загружаемых внешних объектов и засчет использования закэшированных браузером объектов эта стадия можетнаступать значительно быстрее.Необходимо сконфигурировать веб-сервер так, чтобы при запроселюбой другой страницы пришлось запрашивать минимум дополнительныхобъектов. Должен быть также продуман вопрос форсированного сбросакэша в ситуациях, когда это будет необходимо.Также при запросе большого количества изображений браузер неизбежностолкнется с ограничением максимального количества соединенийна хост, и для обхода этого ограничения необходимо настроитьдополнительные серверы для выдачи статического содержимого. Числодополнительных хостов следует напрямую из числа статических файлов,поэтому надо определиться с ними на этапе автоматизации процессапубликации.На этой же стадии можно использовать прием объединения изображений.