Какие элементы будут загружаться первыми на HTML-странице?

Question

Я хочу знать, какие элементы (теги html, скрипты, стили, изображения) будут загружаться первыми при открытии веб-страницы?

Кто-нибудь может мне помочь?Заранее спасибо.

Answer 1

Стандартного способа не существует;Браузеры могут свободно реализовывать это любым удобным для них способом.

Если вы хотите узнать, как это делает ваш браузер, используйте такой инструмент, как Firebug, Инструменты разработчика Chrome или Safari Inspector.Они могут отображать сетевой трафик и порядок загрузки элементов.

Обычно порядок загрузки такой же, как в документе HTML, но браузеры могут открывать более одного подключения к серверу.В этом случае он может отправить 2 или 5 запросов в порядке документов, но сервер может ответить в произвольном порядке.Также некоторые части могут быть загружены из кеша.

Answer 2

HTML-страницы интерпретируются на лету и полностью читаются сверху вниз, поэтому первые элементы будут загружаться первыми, а последние последними.

Например, если поместить скрипт сверхуиз body, то он будет выполнен до любых элементов в пределах загрузки тела;тогда как если вы поместите в конце body, все элементы в теле будут загружены , тогда скрипт выполнится.

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

Answer 3

HTML будет загружаться первым, очевидно, так как это инструктирует браузер о расширенных требованиях: изображения, скрипты, внешние таблицы стилей и т. Д.

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

Answer 4

HTML и его дерьмо идут сверху вниз, скрипты и CSS меньше читаются снизу вверх.Код написан таким образом, потому что каждый является частью списка, и он устанавливается в порядке убывания на одном пути;Восхождение на другой путь.Путешествие может измениться, если ваши файлы сложены по-разному, таким образом, аргумент «куда идет дерьмо» ... Так что HTML разделяется на голову;И тогда тело настраивает нас.Установите теги сценариев JavaScript в области самого html, используя теги сценариев.Это может показаться немного сложным, но создание тега id для скрипта в этой области будет устанавливать скрипт, например, при вызове этого раздела.То же самое касается CSS и прочее.Так что я так думаю и обычно быстро загружаю некоторые изящные страницы параллакса, которые есть у меня на johnaldrin.net, если кому-то это интересно.У меня всегда нет картинок и примеров сценариев, с которыми можно играть, настраиваемых веб-форм ASP ... Цифровой ARt смешивается с забавными мета-тегами, управляя механизмом SEO, который я разработал в .NET C #!

Answer 5

Начало исполнения сверху вниз ...