Silverlight发布时的优化工作

Web开发过程中,当项目上线时需要发布程序,在这个过程需要对每种技术进行优化,比如前端需要压缩资源文件(js,css,图片等),也会对HTML页面进行相关处理。Silverlight也不例外,详细请看下文。

最近做开发时,silverlight的xap越来越大,如果不进行优化严重影响到客户端的体验,因此看了一些资料,总结一下。

  一、XAP包是可分解的

  Silverlight应用最终是借助于http协议以web形式到达客户端的,我们编写的silverlight包,就是xap,其实是一个压缩包,包含了许多个控件及资源,可以通过更改后缀为ZIP,通过右键打开一探究竟。

image

image  更改后缀后再使用压缩软件打开后发现。

image

  了解这个基本知识后呢,就可以从分解这个xap包开始了进行优化工作了,这里的优化工作分为两部分:

  1. silverlight客户端缓存验证
  2. silverlight本身的DLL分解
  3. 资源的分解

  二、Silverlight缓存资源的验证

  Silverlight在客户端是可以缓存资源的,一次下载,重复使用。

  这个可以通过Fiddler测试出来资源的加载情况。

  三、利用VS2010中的silverlight中的利用选中“应用程序库缓存减小xap体积”来控制每一次仅下载所需要的DLL。

image

  在SL项目中添加一个childwindow,然后我们改写一下MainPage.xaml.cs代码:

   public MainPage()
{
InitializeComponent();
this.Loaded +=new RoutedEventHandler(MainPage_Loaded);
}

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
Test t
=new Test();
t.Show();
}

  就是在加载的时候弹出一个子窗口,此时编译一下解决方案会发现:

image

  在web下的ClientBin文件夹中多出了一个System.Windows.Controls.zip文件,这个就是因为选中了上面的选项,使用Fiddler监控一下会发现第一次加载如果不打开子窗口,就不会加载system.windows.controls.zip这个包了。

  四、控制图片资源

  我们可以将图片资源设置为content,并将图片都放置在web下的文件夹内,这样就大大减小了xap包的体积,并利用浏览器自带的缓存HTTP请求资源来节省下次的下载量,如果将silverlight的DLL和资源分离开,将会减小xap下载的体积和缩短等待时间,并且可以利用IIS来做普通的图片下载,利用浏览器自带的缓存能力将第一次请求的图片缓存起来备用。

  五、项目资源优化

  资源在silverlight中存在形式:

  Resource —— 资源会被打包在程序集内部

  Content——资源会被打包在Xap包里面

  None——资源既不会被集成到程序集内,也不会打包到xap包中。不过我们可以通过设置CopyToOutputDirectory选项让其自动拷贝到xap包所在目录。

  Resource和Content两种缺点是造成xap包很大,一次性下载到客户端比较慢。None能生成最小的xap包,资源通过IIS使用URI作为文件下载访问,第一次加载到silverlight缓存中后,以后将不会下载。

  同一个项目中的资源调用验证

  是否缓存已下载图片验证

  一个父窗口有图片3.jpg,通过父窗口打开的子窗口中有图片penguins.jpg,第一次打开时加载,以后将不会再加载两个图片。

clip_image002[6]clip_image004[6]  三种打包方法的下载时间:

  1、资源放在web下,xap和资源分离。

clip_image006[6]clip_image008[6]  2、资源打包到程序集,由于打包到xap两者都是下载xap,不做测试。

clip_image010[5]  二、 DLL优化

  查看silverlight项目属性的时候会发现这个选项。

clip_image012[4]  未选中时1090K。

clip_image014[4]clip_image016[4]  使用缓存后。

clip_image018[4]clip_image020[4]  需要时加载原则来控制下载文件大小。

  这种将xap包中的DLL分别打包的方式,优点在于如果是多项目的silverlight,比如一个解决方案中有2个 silverlight项目,那么两个项目都含有system.windows.controls.zip这个包,如果没有将这些DLL提取出来则分开打包,两个xap包中均含有system.windows.control.dll,如果提取出来,则两个xap包都减小了,可以去掉一个system.windows.control.dll的冗余。

  减小前:

clip_image022[4]  减小后:

clip_image024[4]  如果使用了OOB,则此方法不适用。也可以将几个项目用到的通用DLL都放到ClientBin中。如果您有其他的方法,欢迎交流。

原文地址:http://kb.cnblogs.com/page/71859/

原文地址:https://www.cnblogs.com/flyinghigher/p/2508486.html