S’il est très simple de réaliser des applications Windows 8 de qualité, il est moins évident de créer des applications ultra performantes. Windows tourne désormais sur tout type d’appareils, des PC de gamers aux tablettes peu puissantes. Pour ces dernières, il est nécessaire de tirer parti au maximum des API fournies par WinRT. Cette session vous propose de découvrir 10 astuces afin d’améliorer visiblement les performances de vos applications.

1. Donnez votre avis !
Depuis votre smartphone, sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toutes les heures !!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les TechDays
http://notes.mstechdays.fr

2. 10 tips pour améliorer les
performances de vos
applications Windows 8
Nicolas Antoine Loïc Rebours
Sr Support Engineer Sr Analyst .NET / MVP
Microsoft Avanade
@loicrebours
www.blog.loicrebours.fr
Code / Développement

3. 10 tips pour améliorer les
performances de vos
applications Windows 8
Nicolas Antoine Christophe Bigot
Sr Support Engineer Karim Luccin- Blog
Microsoft Sr Analysts .NET
Avanade
Code / Développement

4. Pourquoi une App performante ?
EXPÉRIENCE
UTILISATEUR
Code / Développement

5. Pourquoi une App performante ?
• Expérience utilisateur
– Les fonctionnalités ne font pas tout
– Pas de perception des rouages de l’App
– App performante = meilleures reviews
• Windows Application Certification Kit
– Pas de bras performances, pas de Store
Code / Développement

6. Tip 1
C++ LES BASES
Code / Développement

7. Tip 1 (Bis)
AMÉLIORER SUSPEND / RESUME
Code / Développement

8. Cycle de vie de votre App
• Etat d’exécution de l’App
Activated Suspending
Running
NotRunning Suspended
Resuming
Code / Développement

9. La bonne sauvegarde au bon moment
• App Data
– Persiste entre plusieurs sessions
– Sauvegarde incrémentale
– Windows.Storage.ApplicationData – RoamingSettings
• Session Data
– Locale à la session courante
– Supprimée au Alt + F4, reboot ou log off
– Gérée par Windows si votre App ne se termine pas
Code / Développement

10. Démo
Tip 1 { Sauvegarde et restauration }

11. Tip 2
ASYNC / AWAIT
Code / Développement

12. async / await sous le capot
• Introduit avec .Net 4.5 (C# 5 et VB 5)
• Asynchronisme généré par le compilateur
• Illustration avec la méthode suivante :
static async void DoRequestAsync()
{
byte[] buffer = new byte[100];
var request = HttpWebRequest.Create( "http://www.bing.fr" );
var response = await request.GetResponseAsync();
var byteRead = await response.GetResponseStream().ReadAsync( buffer, 0, 100 );
if( byteRead == 100 )
{
Console.WriteLine( "Success" );
}
}
Code / Développement

13. Démo
Tip 2 { async / await sous le capot }

14. Exécution asynchrone, mais pas parallèle
Async work
Await Await
Async method
UI thread
Async work
Await
Async method
UI thread
Code / Développement

15. Démo
Tip 2 { Asynchronisme et parallélisme }

16. Tip 3
« HELLO, I SUPPORT INCREMENTAL LOADING »
Code / Développement

17. Chargement incrémental des données
• Inutile de charger des milliers d’éléments
• Il faut charger les données lorsque l’utilisateur en a besoin
• Interface ISupportIncrementalLoading
public interface ISupportIncrementalLoading
{
bool HasMoreItems { get; }
IAsyncOperation<LoadMoreItemsResult> LoadMoreItemsAsync(uint count);
}
Code / Développement

18. Démo
Tip 3 { ISupportIncrementalLoading }

19. Tip 4
CACHER LES
Code / Développement

20. Tip 4
CACHER LES RESSOURCES
Code / Développement

21. Tip 4
MISE EN CACHE DES RESSOURCES
Code / Développement

22. Les ressources
• Ne chargez vos ressoures que si besoin
• Ressources ré-utilisées = ressources en cache
• Minimisez l’utilisation des ressources distantes
Code / Développement

23. Tip 5
OPTIMISER LES ANIMATIONS
Code / Développement

24. Un peu de théorie…
• Pour le rendu XAML Il y a 2 threads importants :
– Le thread UI
– Le thread Compositor
• Le thread UI est en charge du :
– Parsing du XAML et layout de la scène
– Rendering des éléments
• Le thread Compositor est en charge du :
– Rendu des scènes (instructions GPU / CPU)
– Rendu des animations
Code / Développement

25. 2 types d’animations
• Animations dépendantes :
– Utilisation intensive du thread UI
– Exemples : changement de taille de police, changement de
largeur, hauteur…
• Animations indépendantes :
– Les plus performantes
– Gérées par le thread Compositor
– Exemples : scaling, rotation, translation…
Code / Développement

26. Un peu de DebugSettings
• Propriété EnableFrameRateCounter
• Affiche les compteurs de performance
Thread Compositor Thread UI
Code / Développement

27. Démo
Tip 5 { Animation dépendantes vs. indépendantes }

28. Tip 6
OPTIMISATIONS XAML
Code / Développement

29. Qu'est-ce qui prend du temps ?
• Thread UI
– Parcours de la scène XAML et layout de celle ci
– Génération des ordres de rendu
• Thread Compositor
– Exécution des ordres de rendu
• Carte graphique
– Rastérization et blending des pixels
Code / Développement

30. Optimisations XAML
• Limiter la profondeur de scène en ne créant pas de contrôles
superflus
• Limiter l'overdraw en utilisant correctement les templates
• Utiliser DebugSettings.IsOverdrawHeatMapEnabled
Code / Développement

31. Démo
Tip 6 { Optimisations XAML }

32. Tip 7
VIRTUALISER L'UI
Code / Développement

33. Virtualisation de l’UI
• Ne créer que les contrôles visibles à l'écran
• Les réutiliser au maximum
Item 0 Item 2 Item 4 Item 6 Item 8
Item 1 Item 3 Item 5 Item 7 Item 9
Code / Développement

34. Virtualisation de l’UI
• Inutile de charger ce qui n'est pas visible à l'écran
• Recycler les contrôles conteneurs
• Fonctionne avec ListView, GridView, ...
• Ne fonctionne PAS avec les contrôles qui ne limitent pas la
taille:
– ScrollViewer
– Canvas
– VariableSizedWrapGrid
– ...
Code / Développement

35. Démo
Tip 7 { Virtualisation de l'UI }

36. Tip 8
LA MISE EN CACHE DES PAGES
Code / Développement

37. Gérez le cache des pages
• Inutile de recharger les pages déjà chargées
• 1 ligne de code !
public MyPage()
{
this.InitializeComponent();
this.NavigationCacheMode = NavigationCacheMode.Enabled;
}
Rechargez ce qui doit l’être. (Flux RSS)
Code / Développement

38. Démo
Tip 8 { NavigationCacheMode }

39. Tip 9
VS 2012 PERFORMANCE ANALYZER
Code / Développement

40. VS 2012 Performance Analyzer
Code / Développement

41. Démo
Tip 9 { Visual Studio 2012 Performance Analyzer }

42. Tip 10
WINDOWS PERFORMANCE ANALYZER
Code / Développement

43. Windows Performance Analyzer
• Permet de tracer tout ce qui se passe : Drivers,
lancement d'applications, chargement de ressources, ...
• Adapté à tout type d'applications (dont les App Windows
Store)
• Offre un moyen d'analyser toutes les facettes des
performances d'une application (5 s pour démarrer !)
Code / Développement

44. Démo
Tip 10 { Windows Performance Analyzer }

45. Tip 11
AVANADE & MICROSOFT SUPPORT
Code / Développement

46. Avanade
• Joint Venture d’Accenture et Microsoft, la mission d’Avanade consiste à aider les entreprises à
optimiser leurs investissements informatiques et à développer des solutions complètes,
génératrices de bénéfices concrets, autour des technologies Microsoft.
• Avanade compte aujourd’hui plus de 17.000 professionnels dans plus de 20 pays.
Le chiffre d’affaires 2012 est de 1,3 milliard $US
• Une expertise unique fondée sur un investissement permanent en partenariat avec Microsoft
: Avanade est notamment n 1 en nombre de certifications par employé (MCPD, MCTS,
MCITP), dispose de 29 Microsoft Most Valued Professionals et 14 elite Microsoft Certified
Architects.
• Un lien privilégié avec Microsoft reconnu par «Microsoft’s Global SI Partner of the Year award”
reçu en 2012, 2011, 2010, 2009, 2008, 2006, 2004 et 2001.
• Avanade est une société orientée «Assets» participant à l’évolution des solutions Microsoft.
• Notre base de connaissances globale consolide l’expérience acquise sur les différents projets.
• Avanade France a obtenu en 2012 le label « Top Employeur » 2012
Copyright Avanade - Reproduction interdite.

47. Avanade
Sessions animées par Retrouvez-nous sur
nos experts le Stand
11 30
Copyright Avanade - Reproduction interdite.

48. Poursuivons la conversation
Support Premier à votre écoute!
Nom du speaker
Fonction du speaker
Société du speaker
Stands F-G-H au Village Microsoft

49. 4 ouvrages écrits par 13 Microsoftees
http://www.editions-eyrolles.com/livres/Windows-8-pour-les-professionnels/
Code / Développement

50. Q&A
Code / Développement

51. Ressources
• Analyse des performances: http://msdn.microsoft.com/en-us/library/ms182372.aspx
• ISupportIncrementalLoading :
http://blogs.msdn.com/b/devosaure/archive/2012/10/15/isupportincrementalloading-loading-a-subsets-of-
data.aspx
• Performance tips for Windows Storeapps using XAML : http://channel9.msdn.com/Events/Build/2012/4-103
• Virtualisation de l'UI : http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh780657.aspx
• 10 tips pour développeur : http://blog.loicrebours.fr/2012/09/22/10-tips-pour-developpeur-windows-8/
Code / Développement

52. Développeurs Pros de l’IT
http://aka.ms/generation-app Formez-vous en ligne www.microsoftvirtualacademy.com
http://aka.ms/evenements-
developpeurs Retrouvez nos évènements http://aka.ms/itcamps-france
Les accélérateurs
Faites-vous accompagner
Windows Azure, Windows Phone,
gratuitement
Windows 8
Essayer gratuitement nos http://aka.ms/telechargements
solutions IT
La Dev’Team sur MSDN Retrouver nos experts L’IT Team sur TechNet
http://aka.ms/devteam Microsoft http://aka.ms/itteam