How can I get debug info from IE6 CSS engine?

  • Thread starter Thread starter =?iso-8859-1?q?Diego_Fern=E1ndez_Santos?=
  • Start date Start date
?

=?iso-8859-1?q?Diego_Fern=E1ndez_Santos?=

We developed a web application and we have performance problems in
IE6. To show a popup take 2-6 seconds. This web application has a huge
CSS file and when we remove this CSS file all goes well (less 1
second).

The question is ... Do you know any applications, or plugin or IE
debug info, can help us to find what CSS rules are the worsts or where
is the problem?

Thanks!!
 
PA thanks by the links.

In these documents I don't see like can I enable a debug mode or
similar in IE6.

I send you a sample html to reproduce our problem.

1) You need to create a file "big.css" with a 100.000 times next line:
..a {background-color: #336699; font-size: 65%; color: #ffffff;text-
align:center;padding-left:5px;padding-right:5px}

2) Create a "test.html" file with the next content:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<LINK href="big.css" type="text/css" rel="stylesheet" />
</head>
<body bgcolor="white">
<input id="btnAddPopup" type="button" value="Add Popup"/>
<input id="btnAddDiv" type="button" value="Add Div"/>

<script type="text/javascript"><!--
var btnAddPopup = document.getElementById('btnAddPopup');
var btnAddDiv = document.getElementById('btnAddDiv');

if (btnAddPopup) {

btnAddPopup.onclick = function() {
var iframe = document.createElement("iframe");
document.body.appendChild(iframe);
};
}

if (btnAddDiv) {
btnAddDiv.onclick = function() {
var div = document.createElement("div");
div.innerHTML = "DIV";
document.body.appendChild(div);
};
}
--></script>
</body>
</html>

3) Do click in "AddDiv" button and next do click in "Add Popup"
button. You be able to see like after to do click in Add Popup Button
the browser doesn't respond during serveral seconds.

My questions are:

Why this happen only when I add IFRAME elements to the document?
Is there any way to avoid it?
How can I get more info about this problem?
If after to load the page you put "javascript:" in the address bar and
do click then the AddPopup button goes faster.

Best redgards!
 
Back
Top