2016-09-30 09:25:18
减少http请求次数提升网页浏览速度70%-80%的响应时间花在下载网页内容(images, css, js, flash等)。减少请求次数是缩短响应时间的关键!
1. 合并JS,CSS文件: 现在有很多现成的库可以帮你将多个脚本文件合并成一个文件,将多个样式表文件合并成一个文件,以此来减少文件的下载次数。
2.CSS Sprites: 就是把多个图片拼成一副图片,然后通过CSS来控制在什么地方具体显示这整张图片的什么位置。
QQ截图20140217092814.png
css片段:
.icon-settings {
background-position: 0 0;
width: 50px;
}
.icon-chat-3 {
background-position: -96px 0;
}
.icon-clock {
background-position: -192px 0;
}
.icon-printer {
background-position: -288px 0;
}
.icon-share {
background-position: -384px 0;
}
.icon-th-large {
background-position: -480px 0;
}
3.Inline images: 通过编码的字符串将图片内嵌到网页文本中。例如下面的inline image的显示效果为一个勾选的checkbox。
.checkbox-png {
padding-left: 20px;
background: white url('data:image/png;base64,iVBORw0KGgoAA
AANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0l
EQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6
P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC') no-repeat scroll left top;

•
免费热线:400-166-3538
•
咨询电话:19301461038
•
咨询QQ :63778992
•
微信咨询 : 扫描二维码
公司名称:上海缘震网络科技有限公司
开户银行:中国工商银行上海市彭浦支行
银行账号:1001 2508 0930 0206 455
总部:上海市奉贤区金海公路6055号29号3楼
分部:上海市静安区共和新路4718弄10号楼2楼
商务官网:www.shyuanzhen.cn