Scheduled Maintenance - On Friday the 25th at 10PM EST we will be making some minor DNS changes to our server. We do not expect there to be any down time on our site, but if after this time our site does not load for you please simply clear your browser cache and restart your machine. - Thank you.
login
Join Now Access Products


Forum Support
Ask questions and find answers about products

[1]
Author Topic: Use of CSS Sprites in the future please!  (Read 8853 times)
uglyfashio
Offline Offline

Posts: 249



« on: December 10, 2011, 01:44:21 PM »

Hey Shape5!  Help us out by using CSS Sprites in the future for templates.  You can use spriteme to achieve some of the work quite easily.  It speeds up page speed, and loading times add to conversions and google ranking.  Hurruh! 

Logged
mikek
Shape 5 Administrator
Offline Offline

Posts: 21343



WWW
« Reply #1 on: December 11, 2011, 09:25:54 AM »

Hello,

We actually use sprites pretty extensively now in our themes.
Logged

Mike
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Using Firebug will save you so much time, frustration and forum questions:
http://getfirebug.com/


- Need some custom coding done on your site? Use our Shape 5 Hire a Coder program for free:
http://www.shape5.com/hire_a_coder/listauctions
uglyfashio
Offline Offline

Posts: 249



« Reply #2 on: December 21, 2011, 01:55:57 PM »

Hey, thanks for the reply, yes you do, but you could go further still.

Your latest template for example.  You could probably put all of the images into one file (at least the ones that are not in a separate folder - just my first glance impression.).  The file size would remain small as the images are already tiny, the server requests would be reduced to 1.  Google would be happier.

http://spriteme.org/ - makes spriting quite easy.  Does the work for you a bit
http://css-tricks.com/css-sprites/ - explains why to use spritiing, shows you why it makes a difference (90/10 rule)
http://css-tricks.com/wp-content/csstricks-uploads/facebook-sprite.png an example of a Facebook sprite, a large high traffic website that utilises this technique.

I think this is probably the way forward in terms of reducing server requests, and if the evidence above is anything to go by it is worthwhile doing.  However, for your own purposes, it may make editing the templates slightly more difficult for some of your users.  I think you might create a few sprites, one for the image slider/fader etc., one for the main template etc.  That way they would be reusable across various templates. 
Logged
[1]

Jump to:  


Powered by SMF 1.1.18 | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.024 seconds with 21 queries.