Тип документа и скорость работы браузера

StackOverflow https://stackoverflow.com/questions/1032073

  •  06-07-2019
  •  | 
  •  

Вопрос

Есть ли какая-либо связь между doctype HTML-документа и скоростью рендеринга браузера?

Если да, то какой из них самый быстрый?

Это было полезно?

Решение

Я не думаю, что тип документа влияет на скорость рендеринга. Но структура и стиль документа HTML будут иметь.

Сложный HTML-документ (огромное дерево DOM, множество встроенных объектов) со сложным стилем (плавающие элементы, позиционирование, поля, отступы), вероятно, потребует многократных прогонов рендеринга. Кроме того, недопустимый HTML-код браузеру потребуется для обработки ошибок при разборе и построении дерева DOM (но это не рендеринг).

Возьмем, к примеру, Gecko reflow , который показывает, как движок рендеринга Firefox & Geeko отображает HTML-документ (видео для mozilla.org , страница Википедии и google.co.jp ).

Другие советы

Google - один из самых быстрых сайтов на планете. Они используют следующий тип документа:

<!doctype html>

В Google "каждый байт имеет значение".

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

Основываясь только на моем собственном опыте, я бы рискнул предположить, что любая разница совершенно незначительна.

Есть несколько факторов при выборе типа документа, которые МОГУТ повлиять на него:

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

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

Я еще не видел веб-сайта, который был бы настолько оптимизирован, что единственное, на что осталось обратить внимание, - это doctype.Чтобы улучшить скорость загрузки страницы, я бы использовал такой инструмент, как иЗлоу или Скорость страницы Google указать на более очевидные области для улучшения.

Я никогда не слышал о разнице в скорости рендеринга в реальном мире. Точно так же часто говорят, что XHTML будет рендериться быстрее. Идея состоит в том, что с правильно сформированным документом браузер не должен обрабатывать ошибки, но браузер не знает, что он правильно сформирован, пока не отобразит его ...

Существует множество страниц с доктринами строгого XHTML, которые не проходят проверку.

Все остальные факторы, вероятно, гораздо важнее - помимо скорости загрузки, способ, которым вы используете селекторы CSS, безусловно, может оказать влияние, например.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top