1.文件合并(目的是减少http请求):使用css sprites合并图片,一个网站经常使用小图标和小图片进行美化,但是很遗憾这些小图片占用了大量的HTTP请求,因此可以采用sprites的方式把所有的图片合并成一张图片 ,可以通过相关工具在线合并,也可以在ps中合并。 2.使用CDN(内容分发网络 ...
分类:
Web程序 时间:
2017-03-15 14:51:07
阅读次数:
545
为了减少网络请求个数量,提高网站的访问速度,我们一般都会把一些小的图片合并成一张sprite图,然后根据background-position来进行定位。在web端由于是固定的大小与left 、top,所以定位起来会比较准确、简单。但是在移动端就不一样了,各种手机的屏幕大小不一样,很难做到使用spr ...
分类:
移动开发 时间:
2017-03-06 11:25:46
阅读次数:
947
减少页面加载时间的方法? 加载时间:指感知的时间或者实际的加载速度。 方法: A.减少http请求(合并图片、合并文件) B.优化图片文件,减小其尺寸,特别是缩略图。 [一定要按尺寸生成缩略图然后调用,不要在网页中用resize方法实现,虽然这样看到的图片外形小了,但是其加载的数据量一点也没减少。曾 ...
分类:
其他好文 时间:
2016-10-25 14:28:02
阅读次数:
171
相信做前端的同学都做过这样的事情,为优化图片,减少请求会把拿到切好的图标图片,通过ps(或者其他工具)把图片合并到一张图里面,再通过css定位把对于的样式写出来引用的html里面。gulp-css-spriter 让这一切别的更简单了。 本文只介绍gulp-css-spriter的使用,其它相关文章 ...
分类:
Web程序 时间:
2016-10-13 09:48:03
阅读次数:
250
网站优化: 是因为IIS的连接数的是有限的,所以1、减少HTTP连接 1 尽量将同一个逻辑的css代码放到一个css文件中 2 尽量将同一个逻辑的js代码放到一个js文件中 3 尽量将小图片合并成一个大图,利用css中的backgroud-postinion : x,y去截取大图上的具体的小图 (优 ...
分类:
Web程序 时间:
2016-09-12 12:10:52
阅读次数:
153
1. 减少http请求数合并文件,通过把所有脚本置于一个脚本文件里或者把所有样式表放于一个样式表文件中,从而减少Http请求的数量。CSS Sprites是减少图片请求的首选方案。把所有的背景图片合并到一张图中,使用CSS的background-image 和background-position ...
分类:
其他好文 时间:
2016-08-31 13:39:23
阅读次数:
178
1. 减少http请求数 合并文件,通过把所有脚本置于一个脚本文件里或者把所有样式表放于一个样式表文件中,从而减少Http请求的数量。 CSS Sprites是减少图片请求的首选方案。把所有的背景图片合并到一张图中,使用CSS的background-image 和background-positio ...
分类:
Web程序 时间:
2016-08-31 11:43:18
阅读次数:
189
在最近开发项目的时候有时候需要进行图片的合并,即将两张图片合并成功一张图片 合并图片的代码: ...
页面优化: 1、减少页面请求 :图片合并、减少css文件请求 2、降低文件大小:合适的图片格式、css值缩写、省略值为0的单位、颜色值最短表示、css选择器合并、文件压缩 3、提升页面性能:css放在head中,js放在body的底部、减少标签数量、选择器长度、少用耗性能属性、用css实现所有表现、 ...
分类:
其他好文 时间:
2016-06-23 18:51:02
阅读次数:
161