Время чтения сообщается на вкладке Firebug Net - PullRequest
Новая
       20

Время чтения сообщается на вкладке Firebug Net

3 голосов
/ 08 июля 2009

Смотрите этот скриншот с вкладки Firebug's Net:

http://www.scdi.org/~avernet/try/firefox-times.png

Я знаю, что:

  • Время между 1 и 2 - это время, затраченное моим приложением на генерацию HTML и передачу данных в браузер.
  • Время между 3 и 4 - это время, затраченное моим кодом инициализации JavaScript, который выполняется в DOMContentLoaded.

Но как насчет времени между 2 и 3? Это то, что Firefox тратит на «рендеринг» страницы? В этом случае это довольно существенно (около 1,5 секунды). Как оптимизировать эту часть?

1 Ответ

2 голосов
/ 19 июля 2009

Время между 2-3 - это разбор браузером и рендеринг содержимого файла, загруженного между 1-2. Это включает в себя весь HTML и любой встроенный CSS или javascript. Самый простой способ сократить это: 1) отправить меньше данных для анализа в браузере 2) убедиться, что ваш HTML / CSS проверяет правильность и 3) следить за очень медленными правилами / выражениями CSS.

Как правило, большинство людей не сосредотачиваются на том, сколько времени требуется браузеру для полной визуализации страницы, а на том, как быстро он начинает отображаться на стороне клиента. Обычно называемый прогрессивным рендерингом, он позволяет браузеру начать отображать части страницы до того, как вся страница будет отрисована. Одна из наиболее распространенных причин, по которой этого не происходит, - это размещение содержимого страницы в a, которое не позволяет браузеру отображать его, пока он не будет полностью проанализирован. В этом посте есть несколько полезных советов, как это сделать. Возможно, вы захотите взглянуть на расширение YSlow Firefox, которое может дать вам несколько полезных советов о том, как сделать ваш сайт быстрее.

...