意甲

页提速有很多的方法其中一条就是减少htt

2019-09-13 19:20:33来源:励志吧0次阅读

在高举用户体验为中心的络时代,你是否因为打开页速度太慢而关闭页呢?相信很多人的答案都是肯定的。在高速的络时代,千万不要挑战广东民的耐心,不然只会导致民远离你的站而去。

页提速有很多的方法,其中一条就是减少http请求。每一个站都会用到图片,当一个站有10张单独的图片,就意味着在浏览站时会向服务器提出10次http请求来加载图片。下面为大家介绍减少图片请求的方法。

css sprites:站前端开发者大多称之为css精灵,通俗的理解就是:将多张小图片合成为一张大图片,减少http请求次数而达到页提速。下面以淘宝为例子,为大家讲解下css sprites是如何实现的。如我们要在页上显示今日淘宝活动这个图片。

实现代码:

div style=width:107px; height:134px; background:url(f) no-repeat -133px -153px/div

width:要定位图片的宽度。height:要定位图片的高度。(css sprites必须定义容器的大小,不然会显示出错)

background:url(f)背景图片的路径。 no-repeat:背景不重复。 -133px:X坐标的位置 ,-153px:y坐标的位置。

可能有人会不明白这个-153px来归零才能正确的显示图片。

css sprites的优点:可以减少http的请求数,如10张单独的图片就会发出10次的http请求,合成为一张的大图片,只会发出一次的http请求,从而提高了页加载速度。

css sprites的缺点:凡事有利必有弊端。可能有人喜欢,有人不喜欢,因为每次图片改动都要往这张图片添加内容,图片的坐标定位要很准确会,会稍显繁琐。坐标定位要固定为某个绝对值,因此会失去如center的一些灵活属性。

css sprites有优点也有缺点。要不要使用,具体要看页以加载速度为主还是以维护方便容易为主。

一岁半宝宝发烧39度怎么办
宝宝流鼻血是什么原因
小孩脾虚怎么调理
宝宝晚上发烧白天不烧怎么回事
分享到: