Осторожно, script async

На сайте перестал работать слайдер и возникли ошибки в консоли браузера, одна из них, такая

«Uncaught TypeError: jQuery(…).parallaxSlider is not a function».

После поиска причины возникновения ошибки, выяснилось что был установлен async на подключаемый скрипт.

<script src='https://mkronos.com/wp-content/themes/theme53444/parallax-slider/js/parallaxSlider.js'</script>

В результате скрипт размещенный ниже по коду, который использует метод parallaxSlider не срабатывал, так как parallaxSlider.js еще не подключен а вызов уже есть.

<script>
jQuery(document).ready(function($){
if(!device.mobile()&&!device.tablet()){
  liteModeSwitcher=false;
}else{
  liteModeSwitcher=true;
}
if($.browser.msie&parseInt($.browser.version)<9){
  liteModeSwitcher=true;
}
jQuery('#parallax-slider-5a6db035cfea1').parallaxSlider({
  parallaxEffect:"parallax_effect_normal",
  parallaxInvert:false,
  animateLayout:"simple-fade-eff",
  duration:1500,
  autoSwitcher:false,
  autoSwitcherDelay:5000,
  scrolling_description:false,
  slider_navs:true,
  slider_pagination:"buttons_pagination",
  liteMode:liteModeSwitcher
});
});
</script>

Вывод

Использовать async можно, но осторожно, надо учитывать очередность времени подключения и выполнения скриптов а не бездумно ставить на все скрипты асинхронную загрузку. Потому что может получится так, что вызывается функция которая еще не подключена скриптом, выдаст ошибку «. . . is not a function».