Я создал короткую функцию, основанную на Матиас Биненс Оптимизация асинхронного script Google Analytics, которая выглядит следующим образом:
function async(src) {
var d = document, t = 'script',
o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = '//' + src;
s.parentNode.insertBefore(o, s);
}
Это отлично работает, и я уже начал использовать его для нескольких сценариев
// Crazy Egg
async('dnn506yrbagrg.cloudfront.net/pages/scripts/XXXXX/XXXXX.js?' + Math.floor(new Date().getTime() / 3600000));
// User Voice
var uvOptions = {};
async('widget.uservoice.com/XXXXX.js');
// Google Analytics
var _gaq = [['_setAccount', 'UA-XXXXX-XX'], ['_setDomainName', 'coachup.com'], ['_trackPageview']];
async('google-analytics.com/ga.js');
// Stripe
async('js.stripe.com/v1');
Проблема возникает, когда я сталкиваюсь с script, который нужно вызвать после загрузки:
// Snap Engage
async('snapabug.appspot.com/snapabug.js');
SnapABug.init('XXXXX-XXXXX-XXXXX-XXXXX-XXXXX');
Итак, я решил, что превращу это в функцию обратного вызова, которая будет использоваться так:
async('snapabug.appspot.com/snapabug.js', function() {
SnapABug.init('XXXXX-XXXXX-XXXXX-XXXXX-XXXXX');
});
Я не ожидал, что это будет трудно для меня сделать, но так получилось.
Мой вопрос - это самый эффективный способ добавить обратный вызов без чрезмерного нарушения кода.
См. jsfiddle: http://jsfiddle.net/JamesKyle/HQDu6/