Doctype и скорость браузера - PullRequest
Новая
       11

Doctype и скорость браузера

3 голосов
/ 23 июня 2009

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

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

Ответы [ 4 ]

10 голосов
/ 23 июня 2009

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

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

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

1 голос
/ 23 июня 2009

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

<!doctype html>

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

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

0 голосов
/ 24 июня 2009

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

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

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

0 голосов
/ 23 июня 2009

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

Существует несколько факторов, влияющих на выбор типа документа:

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

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

Мне еще предстоит увидеть веб-сайт, который настолько оптимизирован, что остается только взглянуть на doctype. Чтобы повысить скорость загрузки страницы, я бы использовал такой инструмент, как ySlow или Google Page Speed ​​, чтобы указать более очевидные области для улучшения.

...