javascript - 手机端怎么减少大量小图标的http请求?(手机端能否使用sprite?)
天蓬老师
天蓬老师 2017-04-10 16:26:54
[JavaScript讨论组]

大家都知道在pc端能够使用雪碧图减少小图标的http请求,但是在手机端如何实现呢?

还有除了使用sprite的方法,还有什么其他的方式能够减少大量图片http请求数?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(8)
伊谢尔伦

这个跟手机端和PC端是没有关系的,css sprite只是一种优化图片加载的技术,她的原理是注意依靠css的background-position属性。所以你需要关注浏览器是否兼容background-position即可,显然手机端的绝大部分浏览器是支持的。
不过手机端开发中,如果你使用的单位不是px,那在做css sprite时就需要考虑到单位怎么去适配了。

ringa_lee

请参考雅虎优化准则.

迷茫

一般都用字体图标

伊谢尔伦

还有datauri呀~

巴扎黑
  1. 使用spdy

  2. 使用域名收敛
    结果: 不会减少总请求量,但是会减少请求的连接数和大大减少请求时间

PHPz

如果你用过webpack的话,可以把小图标写成base64的图片。

伊谢尔伦

字体图标 或 base64;考虑到百分比和相对单位,不建议使用sprite。

伊谢尔伦

把小图标用字体图标icon-font来替代。成熟的字体图标方案有font awesome

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号