Maintaining a good loading speed to paramount to having your website visitors return. WordPress themes nowadays a very highly image driven. All these images increase the load on the server and increase the loading speed of our WordPress sites.One of the best ways to try and decrease your sites loading speed is to create CCS Sprites out of your theme images.
CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coordinates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.
CSS Sprites are the small images that play a sweet role to provide some nice styles to the overall appearance of a web page. The mystery about the CSS sprites is nothing but sudden appearance of those on web pages. It is nothing but the intellectual play of Web or Graphic Designers to present so many graphics in a grid or master image without sending the web server too many ‘http’ requests. In fact, sprites provide an opportunity to the Graphic Designers or the Web Designers to keep a visitor stuck to a page, instead of showing static images.