как HTML-страница отображается в последовательности?

Question

Кроме того, я знаю, что CSS и файлы изображений могут быть загружены параллельно.Но можно ли загружать файлы javascript параллельно?Благодарю.

Answer 1

Когда анализатор HTML видит тег script, запрещающий использование нескольких специальных атрибутов, он останавливается, загружает файл JavaScript, а затем передает содержимое интерпретатору JavaScript.Следовательно, файлы script не могут быть загружены параллельно друг с другом или с основным HTML ... если вы не используете атрибуты defer или async и браузер не поддерживает их.Подробности в этот другой ответ здесь, в StackOverflow .

Обратите внимание, что даже если у вас есть несколько ресурсов, которые могут загружаться параллельно, нет гарантии, что они будет будет.Браузеры (и серверы) накладывают ограничения на количество одновременных соединений между одними и теми же двумя конечными точками.(В современных браузерах ограничение обычно составляет по крайней мере четыре - по сравнению с двумя - но браузеры могут набирать номер на подключениях удаленного доступа и на мобильных устройствах; и, конечно, они полностью бесплатны для использования толькоодно соединение, оно зависит от реализации).

Answer 2

Скрипты загружаются параллельно в современных браузерах и IE8. Firefox и Safari загрузят до шести скриптов одновременно. Однако в IE8, похоже, нет предела - мои тесты показали, что загружается до 18 скриптов одновременно.

Однако, будь то один сценарий или шесть, все остальное заблокировано. Поэтому браузер не будет загружать один скрипт и одну таблицу стилей.

Вы можете получить хорошее представление о потоке, посмотрев на Firebug на вкладке Net. Те столбцы, которые вы видите справа, называются диаграммой водопада и дают вам достаточно точное представление о том, когда вещи загружаются и сколько времени они занимают.

Подробнее о загрузке страницы вы можете узнать в этой презентации: Оптимизируйте свой сайт, чтобы загружать его быстрее Информация о загрузке ресурсов начинается на слайде 33.