减少HTTP请求。

因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个。a) 合并CSS、JavaScript;b) 合并小图片,使用雪碧图(CSS SPRITE)

    1. Css与js的压缩合并可以使用在线工具
    2. a.

http://tool.oschina.net/jscompress/

      b.

https://tool.lu/js

    2.合并小图片,雪碧图;

借用图片处理工如:美图秀秀,ps等

将多张小图片合成后的使用办法;

.test {background:url(../images/test-css_sprite.jpg) no-repeat 0px -262px ; }  /*向下移262px   (0,0)  ->  (0,-262)    */

Code: https://github.com/Thinkia/Page_Optimization/blob/master/Optimization_html/Loading/test-css_sprite.html

Demo:

https://thinkia.github.io/Page_Optimization/Optimization_html/Loading/test-css_sprite.html

最新文章

  1. JavaScript垃圾回收(三)——内存泄露
  2. tamper绕WAF详解
  3. Emacs和Ultra Edit列编辑模式
  4. POI Workbook接口和HSSFWorkbook对象和XSSFWorkbook对象操作相应excel版本
  5. php xdebug xampp eclipse
  6. 21.altera fpga 芯片中 pin 和 pad 区别
  7. Kali Linux 优化过程
  8. Hibernate composite key
  9. Junit4学习(五)Junit4测试套件
  10. maven项目导出依赖的Jar包以及项目本身以jar包形式导出详细教程
  11. LABjs、RequireJS、SeaJS 哪个最好用?为什么?
  12. iOS-生成二维码图片【附中间带有小图标二维码】(QRCode)
  13. 抛砖引玉之~sftp
  14. 如何将portfolio产品图片上的悬停去掉?
  15. 关闭浏览器事件 onbeforeunload和onunload
  16. TIME_WAIT 太多的解决办法
  17. Win2008服务启动不能调用Office Word的解决方法
  18. IceCTF 图片隐写
  19. 【转】Visual Studio——多字节编码与Unicode码
  20. Docker基础学习-尚硅谷

热门文章

  1. webTest-----webUI自动化框架
  2. mysql的常用引擎
  3. cache缓存的BUG
  4. Redis笔记5-redis高可用方案
  5. linux下stricky
  6. jQuery提示parsererror错误解决办法
  7. Linux显示一行显示列总计
  8. 【原】Java学习笔记027 - 泛型
  9. CF368 E - Garlands
  10. 三十天学不会TCP,UDP/IP网络编程 - 绅士的开始