Home  >  Article  >  Web Front-end  >  Use css sprites to reduce image requests

Use css sprites to reduce image requests

高洛峰
高洛峰Original
2016-11-24 10:13:391364browse

 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.


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn