Wp7 App开发性能优化方法和指标

Wp7 App开发性能优化方法和指标（2012.1.18）

WP7 App开发性能点：
包括以下几个方面：App启动，资源管理，Layout，渲染与动画，网络，内存管理。
一、App启动速度
1、使用SplashScreen图片，启动一般超过1s。
2、减少引用包大小。
3、减少构造函数和Loaded方法工作。
4、jpg代替png。
二、资源管理
1、如果没有透明效果，尽量使用jpg图片，解码jpg速度比png快。
2、编译图片（或其他资源）的Build Action使用Content代替Resource（默认的），减少DLL包大小，提高App和image加载速度。
原因：Resource包含在dll包中，content以文件的方式包含在xap包中。
3、图片uri路径完整，使用绝对路径。
4、大小限制2000*2000，超过该大小的解决方法，略。
5、只支持jpg和png，ImageTool（http://imagetools.codeplex.com）显示gif图片。
6、图片压缩，System.Windows.Media.Imaging.Extensions类，SaveJpeg方法，最后一个参数指定图片质量；截屏，WriteableBitmap类。
7、Isolated Storage使用监控，I/O消耗。
三、Layout
显示/隐藏界面元素的2种方法比较，Visibility vs Opacity
1、Visibility设置为Visible，控件被添加到视觉树，重新构造，重新绘制。
2、使用Opacity需要配合BitmapCache属性，否则会降低性能。
3、如果界面太复杂，不希望加入控件树中，则使用Visibility，可以提高性能。
四、渲染与动画
使用BitmapCache缓存
1、第一次渲染后，该控件被当做bitmap缓存起来，再次渲染时使用该bitmap代替，如动画开始的第一帧，适合于更新频率低的复杂视觉元素。
2、使用构图线程，自动缓存，gpu处理动画。（动画属性为RenderTransform，Projection，Opacity，矩形Clip）
3、Dependency属性有change handler，做动画时运行在ui线程上。
4、隐藏已缓存的元素使用opacity=0代替visibility=collapsing。
5、避免bitmapcache缓存内容的更新，自动使用的有MediaElement对象，ListBoxItem，ScrollViewer的子元素。
五、网络
1、WebClient回调函数运行在主线程中，可能阻塞UI。
2、HttpWebRequest，回调需要Post到UI线程。（推荐）
3、第三方开源库Hammock（http://hammock.codeplex.com），对HttpWebRequest的封装。
设置超时，失败重试，速度限制，周期性任务，mutipart形式文件组包，base64转码，数据解压，数据序列化为对象。



性能检测和优化的一些方法：
消耗时间监控，合理布局，代码优势，使用后台线程处理复杂任务，延迟加载，合理均匀分配ui线程时间片，避免阻塞。
一、测试控件初始化各部分使用时间
1、构造函数
2、Loaded方法 （加入视觉树）
3、OnApplyTemplate （应用模板）
4、SizeChanged / LayoutUpdated
二、分析视觉树复杂度，精简布局
Layout建议：
1、尽量避免多层panel嵌套
2、使用简单容器Canvas（代替grid）和固定尺寸的控件
3、Visibility=Collapsed，可以理解为没有构造，不存在。
低效布局：
1、不需要的背景颜色
2、TextBlock，Opacity=0
3、非矩形裁剪，透明蒙版
4、大图片，纹理
三、代码优势，代码执行比xaml更快的地方：
1、数据绑定，属性转换
2、创建控件
3、Visibility转换使用代码控制。
四、使用后台线程处理复杂任务
1、网络请求，图片解码等避免使用ui线程。
2、使用线程池，排队机制等，避免拥塞。
五、延迟加载
1、控制ui加载和更新的时机，避免同时大量加载和更新。（如大量图片获取成功notify到ui线程，依次延时notify而非同时）
2、按需加载，动态加载，避免一次全部加载所有资源。
3、使用状态机，某些状态下避免执行影响性能操作。（如listbox滚动时避免加载数据和更新UI，联网操作）
六、合理均匀分配ui线程时间片，避免阻塞
1、使用异步回调发送请求，非立即执行等。
2、UI线程（主线程）任务：
处理用户输入
解析XAML并创建对象
绘制所有元素首次呈现试图
处理每一帧回调，执行用户代码
瓶颈：复杂UI页面的初始化和渲染，sl特性如模板，绑定，converter效率并不高。
   

性能检测指标：
1、渲染FPS：每秒钟填充图像的帧数。
要求：最低至少大于30，接近60，要求 45~50及以上 。
2、UI Fps：UI线程运行速率，UI线程控制着输入、逐帧回调和其他非构图线程处理的绘制。
要求：这个值越大，应用程序的响应性越高。要保证一个可接受的用户输入相应时间，该值一般应在 20以上 。
3、屏幕像素填充率：表示屏幕上每一帧绘制的像素数。数值1表示480*800像素。
要求：一般应 小于2.0 。

Counter	Ideal Minimum	Best Experience	Theoretical Max
Render Thread	30 fps	60 fps	120 fps
UI Thread	15 fps	> 15 fps	120 fps
Screen Fill Rate	1.0	<= 2.0	N/A

4、重绘区域
App中设置Application.Current.Host.Settings.EnableRedrawRegions =  true ;动画时可以观察到重绘区域闪烁。
要求：执行动画时，观察重绘区域越小，性能越好。
5、视图缓存
App中设置Application.Current.Host.Settings.EnableCacheVisualization =  true ;经测试观测效果太差，不适用。
要求：缓存越多性能越好，但需考虑内存与性能折中。
5、内存检测
要求： 小于90M
6、App启动速度
   要求： 1.5s以内 ，显示首页，并可以正常与用户交互。
7、Page间切换速度
页面间过渡动画要求 1s以内 。
8、联网超时时间
所有有联网的地方超时10s，并 有提示和重试机制 。
9、流畅度
所有UI界面不能有感觉的出来的卡滞现象，拖动ScrollViewer或ListBox时停止/暂停/延时/后台，执行复杂任务，阻塞UI线程约15~30ms以上的。

动画不能有跳帧，不流畅现象。

2012.1