Пост-загрузка компонентов

В статье "Post-load Components" автор рекомендует разделять содержимое вашего сайта с помощью специальных техник на то, что должно быть загружено сначала, а что потом. Это поможет сократить время загрузки страниц.

Вы можете внимательнее посмотреть  на свою страницу и спросить себя: "Что является первостепенным для отображения на ней? ". Остальное содержимое и компоненты могут подождать.

JavaScript является идеальным кандидатом на разбитие на "загрузку до" и "загрузку после". Например, если у Вас есть JavaScript-код, библиотеки или анимации, которые возможно переносить, то их можно загрузить позже, потому что перемещаемые элементы на странице загружаются  после первоначального рендеринга. Скрытое содержимое (контент, который появляется после действий пользователя) и "свёрнутые" картинки (которые не умещаются на экране при данных параметрах) являются ещё одними кандидатами на пост-загрузку.

Вот инструменты, которые могут помочь Вам: YUI Image Loader  - позволяет задержать загрузку "свёрнутых" картинок и утилита YUI Get utility - позволяет легко и быстро включить JS и CSS. В качестве примера можно посмотреть на домашнюю страницу Yahoo! с включенной панелью Firebug's Net.

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

 

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

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