网页兼容性于与优化加载速度的矛盾

Question

有看到视频里面建议可以用css设计的地方就尽量不要用图片，这样可以提高加载速度，优化页面。但是这样又会导致又一个问题，很多css属性都没有得到低端浏览器，如ie7系列的支持。那怎么做才好呢？有没有一个折衷的方案呢？求大神指教

Answer 1

主要看业务，如果你要实现的网站是全球性的，全民参与，那么你的兼容性就要大于性能优化。而有些网站只针对某一群体用户，比如针对程序员的技术论坛，针对公司内部的管理系统等等，都是可以大概估算(或者控制)用户使用的机器，那么完全可以使用更高级的版本、更便捷的方式去实现。

Answer 2

个人觉得加载速度优先于兼容性，随着PC的更换，XP系统占比越来越小，相应的IE7/IE6的占有率都在逐月下降，两者相加都不到7%，可以到了放弃兼容的地步了。再者移动端的普及，对加载速度的要求越来越高，移动端完全可以不考虑对非现代浏览器的兼容。

Answer 3

你好！现在一般电脑就算是XP系统，也是支持IE8的，一般都会提醒升级，如果这都不会，只能说明他们对电脑及网络极其陌生，而且还不会用，那么你的网站上有什么是这类人一定需要的呢？而且这样的用户有多少呢？      如果你还要照顾到这些人，只能说明，你的公司是BAT那个级别的，还担心没有解决方案吗？折衷方法还是有的，很多年前就有人将多个小图标拼到一张PNG里，然后用背景图定位法实现，这样能减少图片的请求数量，从而提升加载速度。