良品首页3.0版本在设计的时候,想在首屏添加一些特殊的效果,例如彩蛋之类,所以整个首屏使用了Flash,在高品质的显示效果和动画效果背后带来了大量问题,下面来一一分析。
问题:1.版面大,使用了1000 * 500的分辨率,分2屏展示。 2.高品质的图片,带宽需求高。 3.灵活的展示方式,图片个数不确定,请求数目多,平均每次版本10张图片左右。 4.图片分布在CDN的不同服务器上,加上Flash的SWF文件,图片的配置文件,Flash的资源一共分布在6个服务器上,cross-domain 验证开销巨大。 5.丢失Ref问题 6.某些用户设备无对Flash的支持 各个版本以及改进:1. 上线前的版本: 图片全部都是PNG24,所有图片(2屏)同时加载,首次打开页面,所有的请求数在34个左右,图片大小在1.1M |