2010-05-20 9 views
2

Удовлетворение целей бенчмаркинга, если есть событие DOM или другой способ определить, когда браузер завершил разбор/отображение CSS. Я пытаюсь оптимизировать селектор CSS и нужен способ измерения времени рисования/рендеринга/переплавки.Есть ли способ определить, когда синтаксический анализ/рендеринг CSS завершен?

Спасибо.

ответ

2

Если вы используете Chrome/Chromium, есть встроенный профилировщик, который включает в себя рендеринг. Вот как это выглядит при запуске на этой странице: http://i.imgur.com/rQoWC.png

Нажмите Ctrl-Shift-J, чтобы открыть инструменты разработчика в Chrome.

Я уверен, что у Firebug есть что-то похожее для Firefox.

+0

Хотя, если это в firebug, я его никогда не видел. – Ben

+0

Информация о краске в Firebug: https://addons.mozilla.org/en-US/firefox/addon/firebug-paint-events/ –