Как проверить производительность браузера конкретного свойства CSS?

Question

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

Теперь страница, которая их волнует больше всего, - это колоссальные 2,5 МБ ресурсов (изображения, HTML, CSS, JS и т. Д.), И файл .htc, который мне нужно загрузить, составляет около 4 КБ. Таким образом, 0,0016% от общего размера файла. Там нет проблем.

Однако, хотя это не добавит реальных затрат на рендеринг во все современные браузеры, оно будет добавлено в IE6 и IE7 из-за необходимости ссылаться на этот файл поведения.

Проблема в том, как проверить разницу в производительности страницы, вызванную использованием этого файла поведения?

Я попробовал CSS Stress Test, но после того, как он протестировал 500+ других правил, уже примененных к странице, он показал лишь скудные результаты, и ни один из них не имел отношения к тому, который я на самом деле хотел.

Идеи

Стресс-тест, который я использовал, был:
andy.edinborough.org/CSS-Stress-Testing-and-Performance-Profiling

Answer 1

Я не смог найти ни одного инструмента производительности IE + CSS, который бы покрывал ie7 / ie6.

Что я могу вам сказать из своего опыта использования файлов .htc, а именно csspie ... это то, что вы хотите посмотреть на это с точки зрения js, а не css.

Сказав это, чтобы проверить производительность js на ie6 / ie7, попробуйте следующее:

• DYNATRACE: http://ajax.dynatrace.com/pages/
• COMPANION JS: http://www.my -debugbar.com / wiki / CompanionJS / HomePage
• FIREBUG LITE: http://getfirebug.com/firebuglite
• BAR DEBUG: http://www.debugbar.com/

Боюсь, я не могу быть более конкретным, поскольку в исходном посте нет «образца» живого файла для работы. Надеюсь, это поможет.

С уважением G