Предварительная загрузка компонентов
Предварительная загрузка выглядит своего рода противоположностью пост-загрузки, но на самом дела она имеет иную цель. С помощью предварительной загрузки компонентов, Вы можете воспользоваться временем, когда браузер бездействует, и загрузить на сайт такие компоненты как: изображения, таблицы стилей или скрипты, которые Вам понадобятся в будущем. Таким образом, когда пользователь переходит на следующую страницу, у Вас многие компоненты уже находятся в кэше и ваша страница будет загружаться гораздо быстрее.
Существует несколько видов предварительной загрузки:
-
Безусловная предварительная загрузка (Unconditional preload) - как только возникает событие onload, Вы начинаете вытаскивать дополнительные компоненты. Посмотрите в качестве примера на google.com как onload запрашивает рисунок. Этот рисунок не нужен на домашней странице google.com, но он нужен на странице результата поиска.
- Условная предварительная загрузка (Conditional preload ) - основана на действии пользователя. Вы делаете предположение, куда пользователь пойдёт дальше и соответственно предварительно подгружаете компоненты с этих предполагаемых для посещения страниц. На сайте search.yahoo.com Вы можете посмотреть, как запрашиваются дополнительные компоненты после того, как Вы начали набирать текст в окне ввода.
- Ожидаемая предварительная загрузка (Anticipated preload) - предварительная загрузка перед запуском редизайна. После редизайна Вы часто слышите: "Да, новый сайт крут, но он работает медленнее прежнего". От части проблема может быть из-за того, что пользователи посещали ваш старый сайт с полным кэшем, а посещая новый, их кеш пока пуст. Вы можете сгладить этот побочный эффект, предварительно загрузив некоторые компоненты до запуска нового сайта. Ваш старый сайт может использовать то время, когда броузер бездействует и подгрузить рисунки и скрипты, которые будут использоваться на новом сайте.
Оригинал статьи на developer.yahoo.com
Перевод КОМТЕТ komtet.ru