Use css sprites to reduce image requests

　In the Internet age where “user experience” is the centerpiece, have you closed the web page because it is too slow to open? I believe the answer for many people is yes. In the era of high-speed Internet, do not challenge the patience of Guangdong netizens, otherwise it will only cause netizens to stay away from your website.

　There are many ways to speed up web pages, one of which is to reduce http requests. Every website uses images. When a website has 10 separate images, it means that when browsing the website, 10 http requests will be made to the server to load the images. Here’s how to reduce image requests.

　css sprites: Most website front-end developers call them "css sprites". The popular understanding is: combining multiple small pictures into one large picture, reducing the number of http requests and speeding up the web page. Let's take Taobao as an example to explain how CSS sprites are implemented. For example, we want to display the image "Today's Taobao Activity" on the web page.