`

css sprite方法优化连接数

阅读更多
CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。
加速的关键,不是降低质量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以,图片越多请求次数越多,造成延迟的可能性也就越大。
http://baike.baidu.com/view/2173476.htm
分享到:
评论

相关推荐

    CSS Sprite优化 减少HTTP链接数

    **CSS Sprite 优化详解** CSS Sprite,又称为CSS雪碧图或精灵图,是一种网页图像处理技术,旨在优化网页加载速度和减少HTTP请求的数量。它将多个小图标或背景图像合并到一张大图中,然后通过CSS背景定位来显示需要...

    CSTCSS图片拼合定位工具(CssSpriteTools)v4.3中文免费安装版

    该软件可以将CSS中定义的小背景图片合成为一张大的背景图,减少服务器的http连接数,加快网站访问速度,从而加快加载速度,以及加速页面渲染。Css Sprite Tools(雪碧图生成工具)支持背景定位和数字准确定位背景图,...

    页面制作规范

    - **命名规则**: 使用横线连接的方式命名CSS类。 - **属性值顺序**: 定义CSS属性时遵循“上右下左”的顺序排列。 - **链接状态**: 当定义链接的不同状态时,按照“Link、Visited、Hover、Active”的顺序书写。 - **...

    做站必看的页面优化tips 速度篇

    使用`join()`方法代替字符串连接操作(如`str += ""`)可以显著提升性能,特别是在处理大量数据时。避免在运行时频繁操作DOM,因为这会触发浏览器的重绘和回流,消耗大量资源。使用文档碎片(DocumentFragment)或...

    页面重构技能-内容篇

    由于浏览器和每个服务器允许的连接数有限,合理分布资源可以避免过多的等待和延迟。 9. 避免404错误 避免出现404错误页面是非常重要的,因为不仅会导致额外的HTTP消耗,还会对站点的搜索引擎优化(SEO)造成负面...

    模块2图片素材.zip

    可以使用工具进行尺寸调整,去除不必要的元数据,使用合适的格式,甚至利用CSS Sprite技术合并多个小图,减少HTTP请求,提高页面加载速度。 4. 图片版权:使用图片时需注意版权问题,确保素材来源合法。可选用公共...

    actionscript3例子

    3. **显示对象层次**:AS3的DisplayObject类是所有可绘制对象的基类,包括Sprite和MovieClip。这些对象可以被添加到舞台上的显示列表,形成一个层次结构,允许进行复杂的动画和交互。 4. **包装类和原始类型**:AS3...

Global site tag (gtag.js) - Google Analytics