Why css sprite not working

  • In my yslow, I have an F in make fewer http request and compression gzip.

    I have turned on zib compression and put it to level 6,
    I use https://css.spritegen.com/ and combine css. example:

    .fitpad, .it-works-pack, .optimized-640, .gabby-2, .optimized-healthy-600-png,
    .background, .xertionico
    { display: block; background: url(‘tmp.png’) no-repeat; }

    .fitpad { background-position: -0px -0px; width: 839px; height: 960px; }
    .it-works-pack { background-position: -0px -960px; width: 750px; height: 675px; }

    It still didnt change in my fewer http request. What else do i need to try?

Viewing 2 replies - 1 through 2 (of 2 total)

  • CSS sprites should be small optimized images used for menus (maybe 10k? 100px x 100px), or an icon set…using sprite CSS with large images defeats it’s whole purpose.

    Make each a background image and optimize them before upload.

    Clear your server cache after this change….

    Thread Starter charlietech

    (@charlietech)

    OK well you have seen my site. How to I resize the feature content image where I can combine them and make fewer http request?

    What format should I use to make fewer request?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Why css sprite not working’ is closed to new replies.