Why css sprite not working (3 posts)

  1. charlietech
    Posted 3 years ago #

    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 http://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?

  2. Pioneer Web Design
    Posted 3 years ago #

    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....

  3. charlietech
    Posted 3 years ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.