Что мешает HTML-страницам использовать прогрессивный рендеринг?

Question

Я заметил, что некоторые страницы начинают рендериться почти сразу, в то время как другим иногда приходится ждать, пока многие или все ресурсы (javascript, image, css) будут загружены.Наихудший случай, кажется, для большой страницы, на медленном соединении или сервере.Одна конкретная страница, на которую я смотрю, занимает почти 2 МБ с 30 различными файлами .js, дюжиной файлов .css и 80 изображениями.

Мне известны предложения в http://developer.yahoo.com/performance/rules.html,, но что может помешать браузеру пытаться отобразить страницу, пока не будет загружен последний элемент?

Answer 1

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

Имея это в виду:

1. Таблицы должны использоваться (никогда?) Для макетирования.
2. Части, которые должны быть разумно отображены первыми (боковые панели, панели инструментов и все, что обрамляет страницу), должны быть размещены в верхней части HTML-документа.

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

Answer 2

Есть несколько причин, по которым это может произойти.Чаще всего я вижу большие таблицы.

Например, Internet Explorer не любит отображать таблицу до тех пор, пока она не завершит загрузку.

Хотя каждый браузер немного отличаетсякак они воспроизводят вещи, которые все еще загружаются.