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

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

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

Можешь почитать и вот эту статейку "Хак - Добавление в редактор кнопочек цвета и размера шрифта"

Опрос

Ваше мнение

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

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

Теги

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

Статистика

  • Caйту: 4365 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 660
  • Онлайн всего: [7]
  • Гости: [7]
  • Были сегодня : [3] Google, Яндекс, Google
  • SQL запросов: 30
  • Генерация страницы: 0.273сек
  • Потребление памяти: 5.213 Mb 
  •   Яндекс.Метрика