网站前端和后台性能优化30-阿里云开发者社区

开发者社区> inzaghi1984> 正文

网站前端和后台性能优化30

简介: 优化CSS精灵 Optimize CSS Sprites
+关注继续查看

优化CSS精灵 Optimize CSS Sprites

tag:images

  • 横向布局Sprite中的图片往往比纵向布局会减少文件大小。
  • 在一个Sprite中组合相近的颜色会降低颜色的数量,从而达到适合PNG8的低于256色的标准。
  • “对移动设备友好”,不在Sprite里留下大的空隙。这并不十分影响文件的大小,但会减少客户端代理将图片解压为像素映射的内存消耗,100100的图片是一万像素,而10001000则是一百万像素。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
拒做背锅侠!如何利用网站性能优化驱动产品体验提升
对于运维工程师而言,如果要票选五大最抓狂运维支撑场景,花样繁多的各种促销活动一定榜上有名。每个促销季上线都是忐忑不安的不眠夜。大量内容更新、大量客户涌入,大量数据读写,虽有着各种技术方案或工具服务保障着大促顺利进行。但仍有可能收到譬如“商品图片加载不出来”、“页面打开缓慢”、“无法完成订单支付”等诸多各地用户投诉。这些由于用户体验与网站性能造成的用户转化低、业务增长缓慢等糟糕结果,最终都会让运维工程师成为“众望所归”的背锅侠。
422 0
全方位提升网站打开速度:前端、后端、新的技术
本文讲的是全方位提升网站打开速度:前端、后端、新的技术,然而,主要的好处往往不在于评审团提供的战略投资——只有少数交易会完成——而是在电视节目播放期间引发的关注:即使是几分钟的直播也能给网站带来几十万的新用户,同时能够提高几周、几个月甚至永久性的网站基本活跃水平。
2455 0
前端优化系列 - 基于UC内核的极致Web体验
Web页面的体验,特别是性能体验,一直饱受诟病。在和Native比较时,我们往往避其锋芒(性能),宣扬Web的跨平台,快速迭代,容易推广,开发成本低等等特性。但是,Web的体验真的很差吗?一些页面实践表明,深度优化的Web体验完全可以媲美Native。
3705 0
网站前端和后台性能优化13
设定ETags (Configure ETags)
1174 0
网站前端和后台性能优化15
更早的刷新缓冲区 (Flush the Buffer Early)
1010 0
网站前端和后台性能优化16
在Ajax请求中使用GET方法 (Use GET for AJAX Requests)
857 0
网站前端和后台性能优化20
分域部署部件:Split Components Across Domains
965 0
+关注
inzaghi1984
金融IT技术人员
223
文章
62
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载