Requêtes HTTP multiples dues à la balise de comportement img

Question

Nous avons quelques portlets déployés sur Websphere Portal Server. Dans le fichier css, nous avons inclus un attribut de comportement pour la balise img.

img {
    position:relative;
    border:none;
    outline:none;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true) );
}

Nous avons compris que cette balise de comportement entraîne de multiples requêtes HTTP. Dans l'une des JSP de la portlet, nous avons inclus une classe de style comme suit

<link rel="stylesheet" type="text/css" title="Style"
    href=''<%=request.getContextPath()+"/theme/stylesheet.css" %>'>

Le problème ne se pose que lorsque l'on dispose de request.getContextPath(). Si je remplace cela par la racine du contexte réel, le problème ne se pose pas. Quelqu'un peut-il me dire pourquoi cet attribut de comportement cause le problème ?

Answer 1

Yahoo ! a un article avec le titre Meilleures pratiques pour accélérer votre site Web . Les expressions en CSS sont à éviter car elles sont évaluées un peu plus souvent que prévu, simplement en déplaçant la souris ou en faisant défiler la page.

L'article peut être lu ici et cherchez le titre de l'article. Évitez les expressions CSS :

http://developer.yahoo.com/performance/rules.html