想自学教程的朋友,就来教程巴巴。
教程巴巴
当前位置: 主页 > 图文 > 网页制作教程 >

网站首页优化教程 Flash篇

发布时间:2012-08-04 08:39 点击:
分享到:
【评论本教程】 【挑错本教程】
------分隔线----------------------------

 

良品首页3.0版本在设计的时候,想在首屏添加一些特殊的效果,例如彩蛋之类,所以整个首屏使用了Flash,在高品质的显示效果和动画效果背后带来了大量问题,下面来一一分析。

问题:

1.版面大,使用了1000 * 500的分辨率,分2屏展示。

2.高品质的图片,带宽需求高。

3.灵活的展示方式,图片个数不确定,请求数目多,平均每次版本10张图片左右。

4.图片分布在CDN的不同服务器上,加上FlashSWF文件,图片的配置文件,Flash的资源一共分布在6个服务器上,cross-domain 验证开销巨大。

5.丢失Ref问题

6.某些用户设备无对Flash的支持

各个版本以及改进:

1. 上线前的版本:

图片全部都是PNG24,所有图片(2屏)同时加载,首次打开页面,所有的请求数在34个左右,图片大小在1.1M