How to measure browser layout performance

Question

I\'m troubleshooting a performance regression in a large webapp. I recently made some changes to remove an IFRAME and put the contents directly into the original DOM, to make p

Answer 1

A good place to start - Speed Tracer and Page Speed. They will show you a lot of useful information about how your layout affects performance and what you can do to improve it. Although Speed Tracer is a Chrome extension its data will also reflect performance in other browsers too.

Answer 2

Here's a really interesting test for the browser itself:

Maze Solver: CSS3 Layout Performance Test

Performance on the web is multi-dimensional. In this test we focus on the browser layout engine to exercise the browser's handling of CSS 2.1 and CSS 3 layout constructs. These constructs are used to style HTML, and the layout engine is an important component of overall web browser performance.

Again, this test is for the browser itself, not your code, which, if I understand correctly, is what you're looking for.