利用css sprites减少图片请求
程序员文章站
2022-03-20 08:05:23
...
在高举“用户体验”为中心的网络时代,你是否因为打开网页速度太慢而关闭网页呢?相信很多人的答案都是肯定的。在高速的网络时代,千万不要挑战广东网民的耐心,不然只会导致网民远离你的网站而去。
网页提速有很多的方法,其中一条就是减少http请求。每一个网站都会用到图片,当一个网站有10张单独的图片,就意味着在浏览网站时会向服务器提出10次http请求来加载图片。下面为大家介绍减少图片请求的方法。
css sprites:网站前端开发者大多称之为“css精灵”,通俗的理解就是:将多张小图片合成为一张大图片,减少http请求次数而达到网页提速。下面以淘宝网为例子,为大家讲解下css sprites是如何实现的。如我们要在网页上显示“今日淘宝活动”这个图片。
上一篇: 开发人员不容错过的10个HTML5工具
下一篇: html5web存储实例代码
推荐阅读
-
利用CSS3制作简单的3d半透明立方体图片展示
-
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
-
利用CSS3制作简单的3d半透明立方体图片展示
-
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
-
利用Js或Css滤镜实现IE6中PNG图片半透明效果 IE6PNG妥妥的_html/css_WEB-ITnose
-
如何利用背景图片制作漂亮的按钮_html/css_WEB-ITnose
-
利用css sprites减少图片请求_html/css_WEB-ITnose
-
indexedDB存图片减少请求
-
如何利用CSS实现图片的透明效果_html/css_WEB-ITnose
-
前端优化总结-服务器端-减少Http次数-图片合成css sprite_html/css_WEB-ITnose