Я бы хотел улучшить производительность своей страницы. Поэтому я решил загрузить очень медленный скрипт асинхронно.
Я использую setTimeout, чтобы не блокировать событие загрузки:
setTimeout(function(){
$.getJSON('../api/orbit/banner', function(d){
if (d && d.token && d.url) $.getScript(d.url + '?key=' + d.token);
});
}, 150);
![with 0.15 seconds](https://i.stack.imgur.com/81beN.png)
Я понимаю, что даже при использовании setTimeout время загрузки моей страницы не меняется, но если я установил большее время в setTimeout, например, 2 секунды, все прошло нормально, но загрузка скрипта идет медленнее, чем раньше.
setTimeout(function(){
$.getJSON('../api/orbit/banner', function(d){
if (d && d.token && d.url) $.getScript(d.url + '?key=' + d.token);
});
}, 2000);
![With 2 seconds](https://i.stack.imgur.com/xpe1z.png)
Протестировано в Chrome и Firefox, одинаковое поведение.
Почему? ?♂️