<MyRusakov.ru />

Создание приложений для Android с нуля

Создание приложений для Android с нуля

Данный курс научит Вас создавать приложения любой сложности для Android. Курс состоит из 16-ти разделов, из которых Вы узнаете, как создавать свои собственные приложения для Android.

В курсе содержится вся необходимая теория, а также множество практических примеров, в том числе, и из моей личной практики.

Просмотрев данный курс и выполнив упражнения из него, Вы сможете создавать приложения любой сложности для самой популярной мобильной ОС в мире - Android.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Улучшенная загрузка JavaScript сценариев c помощью атрибутов defer и async. Часть 1

Улучшенная загрузка JavaScript сценариев c помощью атрибутов defer и async. Часть 1

При добавлении скриптов на HTML-страницу необходимо проявить бдительность, чтобы не сделать загрузку страницы чрезмерно долгой. И в зависимости от того, где и как вы добавляете скрипты на HTML-странице, меняется общее время загрузки этой самой страницы.

JavaScript сценарий обычно включается в страницу таким образом:

  <script src="script.js"></script>

и всякий раз, когда парсер HTML находит эту строку, он будет делать запрос на извлечение этого сценария, затем он выполнит этот скрипт.

Как только этот процесс будет завершен, синтаксический анализ возобновиться, для того, чтобы остальная часть HTML кода могла бы быть проанализирована.

Уже можно предположить, что эта операция может оказать огромное влияние на время загрузки страницы, особенно если необходимо загрузить несколько сценариев.

Если загрузка или выполнение сценария занимает немного больше времени, чем ожидалось, например, если сеть медленная или, если посетитель сайта пользуется мобильным устройством, чья пропускная способность ограничена, он, скорее всего, увидит пустую страницу, пока скрипт не будет загружен и выполнен.

Расположение сценария на странице имеет значение

При первоначальном знакомстве с HTML, вас учат, что теги script находятся в теге head:

  <html>
   <head>
    <title>Title</title>
    <script src="script.js"></script>
   </head>
   <body>
    ...
   </body>
  </html>

Как я уже сказал ранее, когда парсер браузера увидит строку с тегом script , он отправит запрос на извлечение данного сценария, который затем выполнит. После выполнения этой задачи, парсер продолжит анализировать оставшееся тело документа.

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

Таким образом, сценарий загружается и выполняется после того, как все элементы страницы уже загружены и разобраны, что существенно влияет на скорость обработки всей страницы.

Помещение тега script в конец тела документа является наиболее оптимальным решением, в частности, в том случае, если вам нужно поддерживать старые браузеры, которые не поддерживают относительно новые атрибуты HTML: async и defer.

На этом пока все, а в следующей статье я продолжу рассказывать про async и defer в JavaScript.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.