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

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

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

Можешь почитать и вот эту статейку " STICKY FOOTER - СКОЛЬЗЯЩЕЕ ФУТЕР МЕНЮ "

Опрос

Ваше мнение

TWIG -что это?
Результаты

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

Теги

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

Статистика

  • Caйту: 4872 дня
  • Новостей: 617
  • Комменты: 257
  • Зарегистрированно : 779
  • Онлайн всего: [11]
  • Гости: [11]
  • Были сегодня : [3] Google, Larrytitly, dankeanke
  • SQL запросов: 32
  • Генерация страницы: 0.268сек
  • Потребление памяти: 6.167 Mb 
  •   Яндекс.Метрика