Главная Библиотека Оптимизация работы сайта Контент Предварительная загрузка компонентов

Предварительная загрузка компонентов

В статье "Preload Components" автор рекомендует предварительно загружать компоненты, что ускоряет время открытия страниц. В статье приводятся примеры нескольких видов предварительной загрузки.

Предварительная загрузка выглядит своего рода противоположностью пост-загрузки, но на самом дела она имеет иную цель. С помощью предварительной загрузки компонентов, Вы можете воспользоваться временем, когда браузер бездействует, и загрузить на сайт такие компоненты как: изображения, таблицы стилей или скрипты, которые Вам понадобятся в будущем. Таким образом, когда пользователь переходит на следующую страницу, у Вас многие компоненты уже находятся в кэше и ваша страница будет загружаться гораздо быстрее.

Существует несколько видов предварительной загрузки:

  • Безусловная предварительная загрузка (Unconditional preload) - как только возникает событие onload, Вы начинаете вытаскивать дополнительные компоненты. Посмотрите в качестве примера на google.com как onload запрашивает рисунок. Этот рисунок не нужен на домашней странице google.com, но он нужен на странице результата поиска.

  • Условная предварительная загрузка (Conditional preload ) - основана на действии пользователя. Вы делаете предположение, куда пользователь пойдёт дальше и соответственно предварительно подгружаете  компоненты с этих предполагаемых для посещения страниц. На сайте search.yahoo.com Вы можете посмотреть, как запрашиваются дополнительные компоненты после того, как Вы начали набирать текст в окне ввода.
  • Ожидаемая предварительная загрузка (Anticipated preload) - предварительная загрузка перед запуском редизайна. После редизайна Вы часто слышите: "Да, новый сайт крут, но он работает медленнее прежнего". От части проблема может быть из-за того, что пользователи посещали ваш старый сайт с полным кэшем, а посещая новый, их кеш пока пуст. Вы можете сгладить этот побочный эффект, предварительно загрузив некоторые компоненты до запуска нового сайта. Ваш старый сайт может использовать то время, когда броузер бездействует и подгрузить рисунки и скрипты, которые будут использоваться на новом сайте.

 

Оригинал статьи на developer.yahoo.com

Перевод КОМТЕТ komtet.ru