Posts

Showing posts from December, 2015

How to Improve web page performance by using Image Sprite

Image
In this post i have shared, how we can improve a web page performance by using image sprite technique. this technique is independent of platform. we can use this approach either in java or .net and any other web development technologies. By using CSS sprites technique we can reduce the number of HTTP requests made for image resources, by merging images into a single file. What Is a Sprite? Sprites are two-dimensional images which are made  up of combining small images into one larger image  at defined X and Y coordinates. To display a single image from the combined image,  we can use the CSS  background-position  property,  defining the exact position of the image to be  displayed. Advantages of Using CSS Image Sprite A web page with many images, particularly many  small images, such as icons, buttons, etc. can take a  long time to load and generates multiple server  requests. Using the image sprites inst