Thanks Stanislaw for your reply.
This is good point you noticed is the empty spaces for the browser.
Currently smartsprite generates code like these,
.white_corner .top_left {
background-image:url(images/structure.png);
background-position:0 top;
}
.white_corner .top_right {
background-image:url(images/structure.png);
background-position:-15px top;
}
I think it would load a lot faster if the image load was defined once,
like,
.white_corner .top_left, .white_corner .top_right{
background-image:url(images/structure.png);
}
.white_corner .top_left {
background-position:0 top;
}
.white_corner .top_right {
background-position:-15px top;
}
On Aug 15, 5:17 pm, Stanislaw Osinski <
stac...@gmail.com> wrote:
> Hi there,
>
> SmartSprites is awesome :)
>
> > I used it in my personal
webwww.ashrafuzzaman.com
>
> Glad you found the tool useful!
>
> > But I face only 2 issues for now
> > 1) Using SmartSprites has decreased performance when the browser do
> > not hit cache.
> > I used sprite in a lot of places, so my sprite png has become 24K.
> > As I have used images in many css, the sprite image is also loaded
> > from them. So when I see the net statistics from firebug, I see that
> > the large sprite is called from the server more than one time and
> > every time the browser downloads it(as it is called parallelly), which
> > makes it slower to load.
>
> How are you testing the cache vs no-cache condition? If it's by disabling
> cache through e.g. Web Developer addon or Firebug or pressing Ctrl+F5, I've
> observed that the same image is indeed requested many times, which slows
> things down. I don't think the same is happening when the cache is enabled,
> but the image is simply not in cache. For some more real-world testing of
> your website performance, you may want to checkhttp://
www.webpagetest.org/