zoukankan      html  css  js  c++  java
  • 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/

  • 相关阅读:
    关于shell输出的一些问题
    python一些问题
    excel
    梁先生家书摘录
    使用conda安装requirement.txt指定的依赖包
    Matplotlib 的默认颜色 以及 使用调色盘调整颜色
    各种 Shell 的使用
    将实验数据保存到txt文件中
    机器学习-学习资源
    Gvim 的使用
  • 原文地址:https://www.cnblogs.com/flyinghigher/p/2508486.html
Copyright © 2011-2022 走看看