Хаки и Скрипты Next Generation CMS

Асинхронная загрузка JS

irbees2008 irbees2008 Опубликовано - 25 - сентября JS
2188 - 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: Справочник

Ну поскольку затронул асинхронную загрузку то и про асинхронную загрузку JS надо рассказать. Асинхронная загрузка js позволяет браузеру не дожидаться загрузки скриптов продолжать загрузку основного HTML и других ресурсов. Увеличивается скорость работы сайта для посетителя.
И так как нам это реализовать?
Ну реализуется очень просто , просто добавить свойство "asyc":

Код:
<script async src="/jquery.js"></script>
Но при таком варианте скрипты загружаются в разброс и многие функции не срабатывают .Вот пример
Код:
<script src="/jquery.js" async></script>
<script>$('a').addClass('ajax');</script>
Функция "$" не сработает поскольку загрузка jQuery отложена, поэтому есть другой вариант ,это использование события onload , пример:
Код:
<script>
function init() {
$('a').addClass('ajax');
}
</script>
<script src="/jquery.js" async onload="init()"></script>
Как видно из скрипта функция init будет вызвана после загрузки jQuery(onload="init()")
Вот и все,пользуемся

Можешь почитать и вот эту статейку "Автозаполнение с HTML5 datalist"

Опрос

Ваше мнение

Какие темы вам интереснее?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4486 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 670
  • Онлайн всего: [4]
  • Гости: [4]
  • Были сегодня : [4] Яндекс, Google, irbees2008, Яндекс
  • SQL запросов: 30
  • Генерация страницы: 0.375сек
  • Потребление памяти: 5.152 Mb 
  •   Яндекс.Метрика