


Обычные вызовы скриптов. Стыкуем асинхронные скрипты. Оптимизация структуры веб-страниц
Асинхронная загрузка скриптов
Шаблон двойного скрипта от John Resig
«Ленивая» загрузка
Заключение
Если добавить скрипт на страницу обычным способом (через <script src="...">), диаграмма загрузки будет примерно следующей.

Рис. 5.9. Диаграмма загрузки скриптов в обычном случае, источник stevesouders.com.
Хотя скрипт и функционирует, но это не сделает сильно счастливее, ибо загрузка страницы замедлится. На рис. 5.9 хорошо видно, как скрипт (по имени sorttable-async.js) блокирует все остальные HTTP-запросы на странице (в частности, arrow-right-20x9.gif), что замедляет загрузку страницы. Все диаграммы загрузки сняты при помощи Firebug 1.3 beta. В этой версии Firebug красной линией отображается событие onload. (А синяя линия соответствует событию domcontentloaded.) Для версии с обычным вызовом скрипта событие onload срабатывает на 487 миллисекунде.