JS. Прогресс-бар загрузки скрипта.

Как именно линкуются? В странице или с помощью require?

Ну например в странице, в script src прописан.

А вообще я не знаю как, как угодно, лишь бы он прогрузился вместе со всеми остальными скриптами на странице. *беспомощно разводит руками*

В смысле да, это клиентский js на браузере. Вместе со странчкой грузится огромный блобарь автосгенерированного JS.

Условно, какая-нибудь жирная игрушка, которая была в оригинале написана на чем-то типа Scala и потом скомпилирована в Javascript. При этой конпеляции конпелятор запихал в js всю стандартную библиотеку исходного языка (мегабайты кода), и поэтому оно весит весьма жирно

Ну как вариант(правда крайне тупой) сделать ajax запрос текста этого скрипта, а когда он придет сделать eval

Тогда не знаю. Чуть выше тоже рабочий вариант есть.

если в браузере нет никакого тайного знания по поводу хуков на загрузку скриптов, да, буду юзать это. спасибо xDD

На страницу линкуется JS-файл (или пачка файлов) размером в 2-5 мегабайта. Хочется для людей с медленным интернетом показать прогрессбар загрузки скриптов. Как это делать правильно?

Прогресс будет сложно, но в целом возможно (зная размер того что будешь грузить + разбив это на части и делая в виде пост загрузки), а вот просто «Ждите» и вертящийся кружок - просто. Для этого делаешь пустую страницу или css'ом размещаешь кружок поверх всего и вешаешь событие document.ready, оно будет сигнализировать о прогрузке скриптов и в его обработчике грохнешь этот лоадер.

гениально!
гениальное просто
на первое время хватит и этого
чтобы у человека не возникало ощущения, что ничего не происходит

отметил как решенную xD

css'ом размещаешь кружок поверх всего

гифку вертящуюся, как в Windows

onload + <progress></progress> наверное

ajax/

var array = [['script0.js',12],['script1.js',9],['script2.js',65],.....,['script946.js',0.5]];

// ['ccылка на скрипт','размер'] var u = 0; var ls = 0;

for(var j in array) u+=array[j][1]; for(var i in array){

ls+=array[1];

$.getScript(array[0],function(){

$('div').width((ls*100/u)+'%');

})

}

Верно. Есть жи onload, можно юзать. Напишу щас с ошибками дабы просто принцип показать:

var src = document.getElementsByTagName('script'), srcCnt = src.length, srcQueue = srcCnt;
for (var i = 0; i < srcCnt; i++) {
    src[i].onload = function() {
        srcQueue--;
        if (!srcQueue) {
            alert('Complete!');
        }
    });
}

А саму жуйкверю кто считать будет? Дед мороз?

5 Мб .js? Упороться. Вы хоть gzip то включите - и минификатор.

так в чем проблема? - можно и без этого ))) - суть же расскрыта)

...а Ваш вариант хороший, в отличие от моего, который дозагружает аяксом XD

defer или async - чем не вариант?

Да там и с включеным гзипом и с минификацией - жопка чаще всего, ибо каждый плагинописатель сует одни и те же реализации в свой плагин, да, именно потому, что распиливать на большое кол-во мелких жс-файлов уже накладно по скорости загрузки из-зи кол-ва запросов к серверу.

Он реальный прогресс показать хочет. Я чего-то не знаю и дефер-асинк помогут это сделать?

Как подсказывает wizzard в ЖЖ, если запускать без минификатора (Google Closure Compiler), то оно займет 15 мегабайт. 5 мегабайт - это уже после минификации. И это учитывая, что сам исходный блоб (до минификации) проходил через Dead Code Elimination оптимизатор, иначе были бы десятки мегабайт.

что распиливать на большое кол-во мелких жс-файлов уже накладно по скорости загрузки из-зи кол-ва запросов к серверу.

нас спасет HTTP/2! xD

Посмотри как сделано, или вообще возьми себе

http://github.hubspot.com/pace/docs/welcome/

Грузи аяксом. XHR2 имеет события прогресса для загрузки. Пр: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttp...