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