Télécharger pour lire hors ligne
![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](https://image.slidesharecdn.com/app301-130415053402-phpapp02/75/10-tips-pour-ameliorer-les-performances-de-vos-applications-Windows-8-12-2048.jpg)
Téléchargé parMicrosoft
10 tips pour améliorer les performances de vos applications Windows 8
Le document présente des conseils pour améliorer les performances des applications Windows 8, en se concentrant sur des techniques telles que l'optimisation du cycle de vie des applications, l'utilisation d'async/await, et le chargement incrémental des données. Il fournit également des informations sur l'optimisation des animations et des interfaces utilisateur, ainsi que des outils d'analyse des performances. Enfin, il met en avant Avanade comme un partenaire clé de Microsoft dans l'optimisation des solutions informatiques.
Contenu connexe
Similaire à 10 tips pour améliorer les performances de vos applications Windows 8
10 tips pour améliorer les performances de vos applications Windows 8
- 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 pouramé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 pouramé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 Appperformante ? EXPÉRIENCE UTILISATEUR Code / Développement
- 5. Pourquoi une Appperformante ? • 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 viede votre App • Etat d’exécution de l’App Activated Suspending Running NotRunning Suspended Resuming Code / Développement
- 9. La bonne sauvegardeau 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 / awaitsous 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, maispas 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 desdonné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 dethé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 deDebugSettings • 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 prenddu 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 cachedes 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 PerformanceAnalyzer 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éespar 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 écritspar 13 Microsoftees http://www.editions-eyrolles.com/livres/Windows-8-pour-les-professionnels/ Code / Développement
- 50.
- 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
Notes de l'éditeur
- #2 Notation
- #3 Intro code / dev
- #4 Intro code / dev
- #9 Suspended :utilisateurquittel’applicationWindows entre en mode economied’energieNotRunning :- http://msdn.microsoft.com/en-gb/library/windows/apps/hh694083.aspx3.8 Your app must meet the basic performance criteria on a low-power computer •The app must launch in 5 seconds or less •The app must suspend in 2 seconds or less
- #13 Async/Await a été introduit avec la version 5.0 du .Net Framework (C# et VBS).L’asynchronisme est généré par le compilateur à partir du keyword await. A partir de la fonction écrite le compilateur génère une machine d’état qui se base sur des interfaces afin d’avoir une exécution asynchrone de la méthode.
- #15 Bien que le mot clé await permette de débloquer la UI il ne permet pas d’exécuter les taches en parallèle. Si jamais on a plusieurs petites taches indépendantes qu’on peut exécuter en parallèle il faut se passer du mot clé await et l’utiliser seulement sur les résultats des taches.La démonstration suivante permet de bien illustrer cela.
- #25 Dans l’architecture du moteur XAML on peut séparer deux threads importants.Le thread UI: C’est le thread en charge du rendu et des intéractions utilisateurs. Il va prendre les différents éléments affichables (chaines de caractères, bitmap, …) et préparer leur rendu dans des buffers mémoires mais il va également recevoir les entrées utilisateurs (clics de souris, appuis clavier, appuis sur l’écran tactil).Le thread Compositor: C’est le thread qui va utiliser les buffers mémoires et les agencer à l’écran en fonction des scènes qu’on a défini. Il est également en charge des animations. C’est lui qui se charge de discuter avec le GPU ou le CPU (en fonction de la configuration hardware) pour l’affichage à l’écran.Si on veutune UI reactive et performante, ilfautlaisser le thread UI le plus libre possible pour recevoir les interactions utilisateur et déportél’affichagesur le thread Compositor.
- #26 Utilisation intensive du elles utilisent le thread UI de façon intensive car elle l’oblige à faire du rendu en permanence (changement de taille de police, changement de largeur, hauteur).
- #27 Dans l’architecture du moteur XAML on peut séparer deux threads importants.Le thread UI: C’est le thread en charge du rendu et des intéractions utilisateurs. Il va prendre les différents éléments affichables (chaines de caractères, bitmap, …) et préparer leur rendu dans des buffers mémoires mais il va également recevoir les entrées utilisateurs (clics de souris, appuis clavier, appuis sur l’écran tactil).Le thread Compositor: C’est le thread qui va utiliser les buffers mémoires et les agencer à l’écran en fonction des scènes qu’on a défini. Il est également en charge des animations. C’est lui qui se charge de discuter avec le GPU ou le CPU (en fonction de la configuration hardware) pour l’affichage à l’écran.Si on veutune UI reactive et performante, ilfautlaisser le thread UI le plus libre possible pour recevoir les interactions utilisateur et déportél’affichagesur le thread Compositor.RemarksThe format for the frame-rate counter displayed in the window chrome is: 000 000 000000 000 000 000 Cp fps UI fps Memory Batch Cpms UI ms Cp fps: the frames-per-second frame rate for the composition thread UI fps: the frames-per-second frame rate for the UI thread Memory: memory utilization for textures Batch: the count of surfaces that are sent to the graphics processing unit (GPU) Cpcpu: time in milliseconds spent on the composition thread's processor UI cpu: time in milliseconds spent on the UI thread's processor
- #31 Async/Await a été introduit avec la version 5.0 du .Net Framework (C# et VBS).L’asynchronisme est généré par le compilateur à partir du keyword await. A partir de la fonction écrite le compilateur génère une machine d’état qui se base sur des interfaces afin d’avoir une exécution asynchrone de la méthode.
- #35 Recycler avec VirtualizationMode.Recycling
- #50 http://www.editions-eyrolles.com/livres/Windows-8-pour-les-professionnels/