发送HTTP请求需要经过几个过程 域名解析--TCP连接--发送请求--等待--下载资源--解析时间 这其中需要花费一定时间，因此，尽可能的需要减少网站的HTTP请求，方法有以下几种： 1 . css精灵图 2. 图片地图 图片地图可以将一张图片划分成多个区域，实现点击不同区域跳转到不同链接 3. ...
分类：
Web程序 时间：
2018-06-27 13:55:17
阅读次数：
177
一张大图中包含很多小图，结合css的 "height", "width", "background image","background repeat","background position"的组合进行背景定位。 ...
分类：
Web程序 时间：
2018-05-07 20:58:53
阅读次数：
187
1、content方面 减少HTTP请求：合并文件、CSS精灵、inline Image 减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法：DNS缓存、将资源分布到恰当数量的主机名，平衡并行下载和DNS查询 避免重定向：多余的中间访问 使Ajax可缓存 非必须组件延迟加载 ...
分类：
Web程序 时间：
2018-04-24 15:34:12
阅读次数：
248
逛哔哩哔哩 ( ゜-゜)つロPC版的时候看到一个蛮有意思的动画，指导用户去下载客户端，示意图如下。 看起来蛮复杂的样子，还有线条的幻化成各种形状。debug一下得出真相，此乃动画雪碧图实现的。 雪碧图概念：雪碧图也叫css精灵，一种网页图片应用处理方式，将页面涉及到的图片零星图片集中到一张图上使用， ...
分类：
其他好文 时间：
2018-03-06 17:11:26
阅读次数：
159
CSS Sprites概念 CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需 ...
分类：
Web程序 时间：
2018-02-24 16:45:13
阅读次数：
216
CSS Sprites 的优点： 1.减少图片的字节 2.减少了网页的http请求，从而大大的提高了页面的性能 3.解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。 CSS Sprites 的缺点： 1.CSS Spri ...
分类：
Web程序 时间：
2017-11-20 19:17:36
阅读次数：
245
CSS Sprites 其实就是把网页中一些背景图片整合到一张图片文件中，再利用 CSS 的"background-image"，"background-repeat"，"background-position" 的组合进行背景定位，background-position 可以用数字能精确的定位出背 ...
分类：
Web程序 时间：
2017-08-23 20:45:07
阅读次数：
188
今天重点学习了CSS精灵图。 “CSS精灵”，英语css sprite，所以也叫做“CSS雪碧”技术。是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。 css精灵有什么优点，就是减少了http请求。比如4张小图片，原本需要4个h ...
分类：
Web程序 时间：
2017-08-23 00:31:12
阅读次数：
279
方法一： 方法二： 方法二能够降低http请求。！！ css精灵的核心思想是将多张图片合成为一张图片，然后通过背景属性中的定位position来控制究竟显示图片中的哪些部分。假设网页中能选择中的图片。肯定是插入的图片，选不中就是背景图片。 方法一： 方法二： 方法二能够降低http请求。！！ css ...
分类：
Web程序 时间：
2017-08-01 23:16:50
阅读次数：
393
前言：页面总是时不时会出现小图标，就来总结一些自己知道的实现方法，应用情况依靠场景大家自行参考吧。 （一）雪碧图 CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。 特点： ...
分类：
其他好文 时间：
2017-07-16 00:04:33
阅读次数：
672
