web前端加载优化-减少HTTP请求 (细节与办法)
2024-08-27 13:41:58
减少HTTP请求。
因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个。a) 合并CSS、JavaScript;b) 合并小图片,使用雪碧图(CSS SPRITE)
- Css与js的压缩合并可以使用在线工具
a.
http://tool.oschina.net/jscompress/
- b.
- 2.合并小图片,雪碧图;
借用图片处理工如:美图秀秀,ps等
将多张小图片合成后的使用办法;
.test {background:url(../images/test-css_sprite.jpg) no-repeat 0px -262px ; } /*向下移262px (0,0) -> (0,-262) */
Demo:
https://thinkia.github.io/Page_Optimization/Optimization_html/Loading/test-css_sprite.html
最新文章
- JavaScript垃圾回收(三)——内存泄露
- tamper绕WAF详解
- Emacs和Ultra Edit列编辑模式
- POI Workbook接口和HSSFWorkbook对象和XSSFWorkbook对象操作相应excel版本
- php xdebug xampp eclipse
- 21.altera fpga 芯片中 pin 和 pad 区别
- Kali Linux 优化过程
- Hibernate composite key
- Junit4学习(五)Junit4测试套件
- maven项目导出依赖的Jar包以及项目本身以jar包形式导出详细教程
- LABjs、RequireJS、SeaJS 哪个最好用?为什么?
- iOS-生成二维码图片【附中间带有小图标二维码】(QRCode)
- 抛砖引玉之~sftp
- 如何将portfolio产品图片上的悬停去掉?
- 关闭浏览器事件 onbeforeunload和onunload
- TIME_WAIT 太多的解决办法
- Win2008服务启动不能调用Office Word的解决方法
- IceCTF 图片隐写
- 【转】Visual Studio——多字节编码与Unicode码
- Docker基础学习-尚硅谷