качество и надёжность с 2008 года

8 (800) 200-25-11

Техническая поддержка support@komtet.ru —

круглосуточно и без выходных дней

load-whois

Онлайн-касса

для интернет-магазина

Подключите ваш интернет-магазин

к онлайн-кассе в соответствии с 54-ФЗ

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

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

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

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

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

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

 

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

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

Клиентам — домены в подарок!
Бесплатный тест виртуального хостинга
Перенос сайта — бесплатно
Все акции
На сайте КОМТЕТ используются cookie-файлы, данные о IP-адресе и местоположении посетителей. Если, прочитав это сообщение, вы остаетесь на нашем сайте, это означает, что вы не возражаете против использования этих технологий.