Готовый перевод Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Post-load Components / Загружайте компоненты постфактум

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

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

Инструменты в помощь разработчику: YUI Image Loader позволяет отложить загрузку картинок и утилита YUI Get для простого включения скриптов и стилей на лету. Для примера посмотрите на домашнюю страницу Yahoo! с включенным файрбагом.

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

Переведено на Нотабеноиде
http://notabenoid.org/book/31735/110131

Переводчики: Alexasa