flex缓存客户端
flex缓存客户端
2010-11-19 11:43:40?/作者:warmC/来源: /浏览次数:
720?/?
网友评论?2?条
?flex或者flash客户端的缓存,并不是指浏览器的缓存,浏览器的缓存在一定时间后会过期。
使用flex或者flash开发出来的网站最大的问题就是swf文件过大,国内网速有限,导致加载时间过长,这样会丢失很多潜在的客户。 flex使用RSL技术,可以解决框架的缓存与共享,很大程度的解决了加载问题。但是如果项目过大,还是会导致加载时间很长这个问题。我使用了SharedObject进行客户端的SWF与Module的缓存,并进行版本控制。在服务器端做一个配置文件,客户端若有缓存过数据,则进行版本控制,达到客户端数据与服务器端数据保持一样。 例子:假设现在有个Application的项目,生成的Application.swf文件是2028K,客户端的下载速度是100k/s,则差不多需要使用20秒的时间。现在将Application中的部分源码抽出来,使用Module机制,变成Application.swf 428K,Module1.swf 1000K,Module2.swf 600K。不使用缓存的话,完整的加载完Application还是需要差不多20秒时间,若使用缓存,将Module1.swf与Module2.swf缓存在客户端,则只需要加载Application.swf的428K,差不多4秒时间,加上Moduel的读取2秒时间,最多也就6-7秒时间。效率很明显。而且还可以缓存其他的乱七八糟的东西,例如皮肤.swf,图片资源.swf等等.如果有跳转页面的话,还可以将Application.swf也进行缓存。 问题: 如果遇到客户端不允许缓存,则跳过缓存,无碍程序的加载和运行。 如果一个用户,多次的打开本网站,说明对本网站有了一定的兴趣,在多次被询问是否允许缓存后,点击允许的可能性也加 大。 当用户能够清楚的了解到缓存的好处时,允许缓存,一.可以加速用户体验,二.可以降低服务器压力,三.可以降低服务器带宽的使用。 文章最后有一个Demo供下载测试使用,源代码暂时打包成SWC,未开放出来。 下面将解释一下如何使用WarmC.swc: 配置文件Cache_config.xml <data id="moduleOne" version="beta01"/> <data id="moduleTwo" version="beta01"/> <data id="mySwf" version="beta01"/> *当然,配置文件的路径,和名字可以由你任取,但需要在版本控制时指定路径,下面将介绍如何启动版本控制 import WarmC.Cache.LocationDataProxy; 然后启动版本控制: LocationDataProxy.getInstance().CacheReBuild(0.5); CacheReBuild(size:int,configUrl:String)方法使用说明:
LocationDataProxy.getInstance().Warm_Human(true); Warm_Human(bool:Boolean)说明:
import WarmC.Cache.ModuleCacheProxy; 加载module ModuleCacheProxy.getInstance().load("moduleOne","ModuleOne.swf",onProgress,onReady); function onProgress(bytesLoaded:uint,bytesTotal:uint):void{ trace(">加载ModuleOne:"+bytesLoaded+"/"+bytesTotal); } function onReady(data:Object):void{ trace(">ModuleOne 加载完成!"); Application.application.addChild(data as UIComponent); } * load(name:String,url:String,onProgress:Function,onReady:Function)说明: import WarmC.Cache.SwfCacheProxy; 加载SWF: SwfCacheProxy.getInstance().load("mySwf","test.swf",bytesTotal:uint):void{ trace(">加载SWF:"+bytesLoaded+"/"+bytesTotal); } function onReady(data:Object):void{ trace(">SWF 加载完成!"); var load:Loader = new Loader() load.loadBytes( data as ByteArray ); var uic:UIComponent=new UIComponent(); uic.addChild(load); Application.application.addChild(uic); } load(name:String,onReady:Function)说明:
private function loadModule2():void{ ModuleCacheProxy.getInstance().load("moduleTwo","ModuleTwo.swf",onReady); ModuleCacheProxy.getInstance().load("moduleTwo",onReady); function onProgress(bytesLoaded:uint,bytesTotal:uint):void{ trace(">加载ModuleTwo:"+bytesLoaded+"/"+bytesTotal); } function onReady(data:Object):void{ trace(">ModuleTwo 加载完成!"); Application.application.addChild(data as UIComponent); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |