Прошлой ночью я написал эссе о процессе рендеринга браузера, но я просто объяснил его через небольшой кусок кода. Я не прошел тест браузера, он не был достаточно убедительным, и было много неполных аспектов. Я проверил его сегодня в браузере и поделился результатами теста со всеми. Процесс тестирования может быть немного грязным, я надеюсь, что все это понимают.
Испытательные браузеры : Chrome V24.0.1312.52 M, Firefox V18.0, Opera V12.12.В ядре Webkit, когда отображается веб -страница, будет проведен аналогичный анализатор (анализатор), чтобы анализировать документ HTML, затем генерировать дерево рендеринга (дерево рендеринга) и, наконец, отображать страницу. Это делается в одном потоке, поэтому оба не будут сделаны одновременно.
Я разделил его на следующие две ситуации и проверил его в разных браузерах.
Файл стиля находится в голове, а другой файл скрипта подключен к началу тела, а другой находится в нижней части тела. Файл стиля находится в начале тела, а файл скрипта такой же, как и выше.Результат теста такой: в Chrome расположение файла стиля повлияет на время загрузки изображения, в то время как в двух других браузерах нет разницы между двумя ситуациями. Ниже приведен подробный процесс тестирования.
Тест 1: файл стиля находится в голове, а другой файл сценария подключен к началу тела, а другой находится в нижней части тела.Протестированный код:
Скопировать код