@Alex_mc
Веселый препод :)

Какие варианты асинхронной загрузки можно использовать с inline js кодом?

Доброе время суток,
у меня специфический вопрос, давно занимаюсь оптимизацией скорости сайтов, но с одной проблемой так и не смог справится, ситуация очень стандартная, шаблон вордпресса и немного плагинов (на данный момент проблема с Revolution slider).

jQuery подгружается асинхронно (async/defer) с самого сервера или cdn (не так важно),
пример кода
<script defer src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$( document ).ready(function() {
    console.log( "ready!" );
});
</script>

Ситуация такова, HTML вроде заканчивает подгрузку а jQuery еще не подключен, ну и стандартная ошибка. jQuery is not defined и так далее.

Я испробовал кучу способов, загонять в массивы код со script без href а потом перезапускать, даже вручную переписать код и загрузить, что-то такое
function jQueryWaiting() {
    if (typeof jQuery === "undefined") {
         setTimeout(jQueryWaiting,100);
        return;
    }
 
    $(document).ready(function(){
        console.log( "ready!" );
    });
}
jQueryWaiting();


в принципе все работает, но переписывать каждый скрипт или плагин не хочется.

Есть ли какой-то другос способ?
  • Вопрос задан
  • 512 просмотров
Пригласить эксперта
Ответы на вопрос 2
Если обеспокоены скоростью и оптимизацией, то не следует ли все скрипты сконкатинировать в нужном вам порядке, минифицировать и потом грузить просто 1 файл? Код из любого туториала про gulp\grunt решит эту проблему на ура.
Либо инициализацию слайдера обернуть в (function ($) { //init slider here})(jQuery);
Ответ написан
Комментировать
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
берем какой-нибудь загрузчик скриптов. Инлайним его в тело страницы. Загружаем им jquery и другие штуки.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 06:06
1500 руб./в час
22 нояб. 2024, в 06:04
1 руб./за проект
22 нояб. 2024, в 03:54
1500 руб./за проект