一、什么是css spritescss sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图里面，然后通过CSS background背景定位技术技巧布局网页背景。这样做的好处也是显而易见的，因为图片多的话，会增加http的请求...
分类：
Web程序 时间：
2015-11-02 18:48:39
阅读次数：
214
前端技术的逐渐成熟，还衍生了domain hash, cookie free, css sprites, js/css combine, max expires time, loading images on demand等等技术。这些技术的出现和大量使用都和并发资源数有关。按照普通设计，当网站co...
分类：
Web程序 时间：
2015-10-30 10:44:54
阅读次数：
298
总结下前端优化前端优化分为性能优化 和 代码优化首先说下性能优化：减少HTTP请求，这个大家应该都知道吧，具体通过什么样的途径来减少请求呢CSS Sprites,最常用的方式。一个网页中有N个icon 时，单独请求就会有N多个HTTP请求，这极大的影响了页面的加载时间，如果我们合并成一个图片，就会好...
分类：
其他好文 时间：
2015-09-16 00:50:50
阅读次数：
208
前端优化分为性能优化 和 代码优化首先说下性能优化：减少HTTP请求，这个大家应该都知道吧，具体通过什么样的途径来减少请求呢CSS Sprites,最常用的方式。一个网页中有N个icon 时，单独请求就会有N多个HTTP请求，这极大的影响了页面的加载时间，如果我们合并成一个图片，就会好太好了。图片地...
分类：
其他好文 时间：
2015-09-15 19:56:52
阅读次数：
127
1.减少Http请求使用图片地图使用CSS Sprites合并JS和CSS文件这个是由于浏览器对同一个host有并行下载的限制,http请求越多,总体下载速度越慢2.使用CDN(内容发布网络):当页面中有很多资源的时候,可以从不同的服务中去读取,同时可以提高并行下载速度3.添加http Expire...
分类：
Web程序 时间：
2015-09-15 14:24:46
阅读次数：
183
第一章 减少HTTP请求 使用图片地图：当导航栏包含多张图片时，可以将其合并成一张图片，再通过计算位置触发不同的链接 CSS sprites：将图标合并，引入一张背景图，通过CSS控制其位置 内联图片：将图片编码后再放到data后面。可用PHP的base64_encode对图片文件进行编码。 合并...
分类：
Web程序 时间：
2015-08-25 13:28:27
阅读次数：
174
A sprite is a single graphic image. It can be moved around the screen, stretched, rotated, skewed, faded and tinted. A?spritesheet?is a collection of sprites into a single texture file. This mak...
分类：
其他好文 时间：
2015-08-09 12:47:20
阅读次数：
402
网站前端优化第一：减少HTTP请求1: 将超链接关联到图片上，例如在导航栏按钮中。如果是以这种形式关联多个带有超链接的图片，使用图片地图这种方式既能减少HTTP请求，有无需改变页面外观感受。图片地图允许在一个图片上关联多个URL.2: CSS Sprites和图片地图一样，CSS Sprites也可...
分类：
Web程序 时间：
2015-08-08 16:26:10
阅读次数：
186
http://www.tasharen.com/forum/index.php?topic=4018.msg19784#msg19784I have tons of large sprites, I need to reduce the build size. The ideal is to hav...
分类：
其他好文 时间：
2015-07-29 21:06:28
阅读次数：
236
性能优化：网络- DNS解析（域名解析服务器）- CND（网络节点）- 延迟加载- 预加载代码优化- HTML(布局)- CSS- 选择器、（减少复合选择器）- Sprites技术、(图片切割，将多张图片合并在一起，减少请求数量来达到优化功能)- 合并、（将文件合并后，导入次数会减少）- 压缩、（代...
分类：
其他好文 时间：
2015-07-27 01:46:59
阅读次数：
148
