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

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

irbees2008 irbees2008 Опубликовано - 25 - 09 - 2017 JS
2456 - 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йт cущecтвуeт: 4616 дней
  • Новостей: 619
  • Комментариев: 257
  • Зарегестрированных пользователей: 779
  • Онлайн всего: [8]
  • Гости: [7]
  • Поисковые роботы: [1] Google
  • Сегодня нас посетили: [7] Google, Larrytitly, Яндекс, irbees2008, Яндекс, dankeanke, Google
  • SQL запросов: 35
  • Генерация страницы: 0.344сек
  • Потребление памяти: 2.625 Mb 
  •   Яндекс.Метрика