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

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

irbees2008 irbees2008 Опубликовано - 25 - сентября JS
2104 - 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()")
Вот и все,пользуемся

Можешь почитать и вот эту статейку "Плагин Статистика сайта - site_stats"

Опрос

Ваше мнение

какой форум лучше для вас
Результаты

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

Теги

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

Статистика

  • Caйту: 4374 дня
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 661
  • Онлайн всего: [63]
  • Гости: [63]
  • SQL запросов: 32
  • Генерация страницы: 0.413сек
  • Потребление памяти: 5.155 Mb 
  •   Яндекс.Метрика