Smilies css sprite

[fxdigi-cash]

Hi,

I'm trying to optimize my vb4 and reached now the last stages where I'm at a loss with how to use Smilies CSS Sprite

I want to know how to do that because users are going to use smilies all around the vb board.

any hint on that? is there a temple I should play with or a php file that I have to play with its code??

any idea?

[Zachery]

That's going to be a fair lot of work. I don't know if it'd honestly be worth it.

[tbworld]

Analyze your page and server load characteristics. If smileys are a significant increase on page size and thus page load time, then reduce the number of smileys posted per post and limit the number of overall smileys used on the board.

If the smileys are small, then they will be cached by the device, otherwise they are just another image for the device to deal with as an "http request". Limiting the number of requests is always an advantage, although modern browsers handle this much better.

Assuming simple non-animated smileys: If you just used 20 smileys then a sprite would obviously be an advantage on reducing requests and page load times, but as @Zachery kindly pointed out: it will not be easy (and more work then I wanted to undertake).

For mobile devices I convert smileys to text except for :smile:. I do not use animated smileys and have limited the smiley group to around 15-20.

[tpearl5]

Originally Posted by tbworld

For mobile devices I convert smileys to text except for :smile:, I do not use animated smileys and limited the smiley group to around 20.

Curious what you are doing to accomplish this?

[Dave]

Tip: use https://kraken.io/web-interface and optimize all of your images using the lossless mode, or lossy mode if you don't mind to lose a few pixels. It can optimize your images up to 50% or even more.

[Zachery]

Just, in my mind.

For smilies, you're often going to only have a few on a page. Having to serve the entire smilies sheet probably does more harm than good.

Plus its going to be a mega pita to deal with the editor, and the clickable interface, etc.

[fxdigi-cash]

fair enough everyone. Thanks a lot.

ok, in this case, how about changing url of the smilies path from cookie to cookieless

which template I have to edit and how??

I found few templates related to smilies: smiliepopup , smiliepopup_smilie , smiliepopup_category

I want to add my own cookieless domain instead of the forum domain...

[Zachery]

Do you have a cookieless domain serving images?

[fxdigi-cash]

Originally Posted by Zachery

Do you have a cookieless domain serving images?

yes, of course. there is no point of asking if I don't have one

[Zachery]

You'd be surpised how many people want to do something, but don't have it setup.

Just update the urls for the smilies.