Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

把图片切碎加载是要闹哪样!?

  看到有人会把大图切碎了加载,说是那样会加载的比较快。但是,这绝对是自欺欺人的做法。大家都在不遗余力的较少HTTP请求,CSS Sprite就是为了减少HTTP请求而把小图片做成大图片来提高加载速度的。这些人反其道而行,把图片切碎加载是要闹哪样啊!?
  把图片切开加载,首先在HTML的编写和维护上就变得麻烦的了许多。图片本身的信息量不会变,把图片的数量变多了,图片的头信息自然就变多了。这只会白白增加数据量,绝对不可能提高加载速度,反而会降低。图片数量变多后,HTTP的请求次数也随之增加,这只会给增加服务器的压力,不会有任何好处。
  把图片切开加载无非就是想让图片不按正常的从上到下的顺序加载嘛,那样看起来确实会比较快。但是如果只是为了这个,完全没必要切开图片,只要把图片以交错模式保存就可以了。用PS打开图片,另存为,选择图片格式为PNG,然后保存。

  这时候会弹出一个对话框,选择“交错”就可以了。
  交错模式的图片不是从上到下加载的,而是从模糊到清晰加载的。这样就会有一种加载很快的错觉。而且使用交错模式的图片对就和使用普通的图片一样,对服务器没有额外开销,对开发者而言也不需要去搞一堆HTML来拼接切碎的图片,省去了一堆麻烦。效率也比切碎图片的方法高。所以,还在切碎图片加载的,你们自己看着办吧←_←
网名:
3.80.55.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^