2010-07-01 13 views
0

J'ai un seperator li qui a une image d'arrière-plan, dans un menu d'arbre étendu, il peut apparaître plusieurs fois en utilisant le code CSS:background-image de charge ou des retards d'affichage même si en cache dans IE7

.simpleTree .line { 
    background:url("/images/Css/gridLine.gif") no-repeat 0 0; 

Même tho il est mis en cache (des instances précédentes), il y a encore un léger retard dans IE7 (~ 500 - 1sec) avant que toutes les images d'arrière-plan ne se déclenchent. Y a-t-il une meilleure façon de le faire ou de le rendre plus rapide?

+0

Il est plus probable qu'un autre facteur soit à l'origine de cette situation. url? – galambalazs

+0

s'il est déjà mis en cache, je doute que l'URL soit un problème. – bcm

+0

je voulais dire, vous pouvez poster l'URL, et voir si je peux vous aider. – galambalazs

Répondre

0

Pour autant que je peux dire le retard ne devrait pas être à cause d'une seule image GIF. Vérifiez votre site avec YSlow ou PageSpeed. Peut-être que d'autres contenus bloquent votre image pour qu'elle apparaisse rapidement (comme l'exécution javascript).

+0

Je vais essayer YSlow et voir comment ça se passe. Pour autant que je sache, la page est déjà pleine. – bcm

+0

J'ai enlevé quelques pngs (images de sprites) de la page, et cela semble avoir résolu le problème. Peut-être que le rendu png prenait trop de temps. – bcm

0

Il y a des choses que vous pouvez essayer. Vous pouvez essayer de réduire la taille de votre image et, dans le CSS, utiliser le TAG "repeat-x" ou "repeat-y".

Dans certains cas, .gif n'est pas le meilleur type pour afficher des images, vous pouvez essayer d'enregistrer votre image dans différents formats et voir si elles sont plus petites.

Cordialement

+0

pour une image de ligne avec 2 couleurs de pixel ... en GIF .. c'est aussi petit que possible. J'ai supprimé la répétition même pour réduire le temps de rendu. – bcm