Download as PDF, PPTX
![http://mvc.tw
TechEd North America 2014 [DEV-B418]
Performance Optimize Your ASP.NET Web App
Mads Kristensen
http://goo.gl/wFZBCU
今天不講怎麼調校網頁讓執行速度更快
5](https://image.slidesharecdn.com/twmvc15-140819000327-phpapp02/75/twMVC-15-5-2048.jpg)
Uploaded bytwMVC
開發的效能與效率-twMVC#15
本文探讨了开发效率与性能优化的重要性，强调开发过程中的潜在性能问题通常源于忽视的细节和不当的代码操作。介绍了一些实用工具和技术，如 miniProfiler 和 Glimpse，来监控和分析应用程序的性能。文档还提供了一些 Visual Studio 的高效使用策略和插件推荐。
開發的效能與效率-twMVC#15
- 1.
- 2. http://mvc.tw 微軟最有價值專家（MVP）2013,2014 twMVC核心成員及講師 （http://mvc.tw） SkillTree 專任講師 （http://skilltree.my） 部落格「mrkt 的程式學習筆記」 http://kevintsengtw.blogspot.tw Google+ 專頁 https://plus.google.com/+KevintsengtwBlogspot 簡介 2
- 3.
- 4. http://mvc.tw twMVC#8「超。光速 網站最佳化實戰」bydemo http://mvc.tw/Event/2013/3/30 簡報 http://goo.gl/P7P8h2 今天不講怎麼調校網頁讓執行速度更快 4
- 5. http://mvc.tw TechEd NorthAmerica 2014 [DEV-B418] Performance Optimize Your ASP.NET Web App Mads Kristensen http://goo.gl/wFZBCU 今天不講怎麼調校網頁讓執行速度更快 5
- 6. Yahoo – Yslow(Why Slow) 6 https://developer.yahoo.com/yslow/
- 7. Web Developer Checklist– ASP.NET Performance 7 http://webdevchecklist.com/asp.net/performance/
- 8.
- 9. Web Developer Checklist– ASP.NET 9 http://webdevchecklist.com/asp.net/
- 10. Web Developer Checklist– Chrome Extensions 10 http://goo.gl/2DqFl
- 11. http://mvc.tw 不要太早關注效能 網頁執行慢，常常是開發時忽略了應注意而未注意的項目 很多時候都是程式寫法而造成 不當的 LINQ 操作 關於效能…… 11
- 12. http://mvc.tw 如何觀察 EF 所產生的SQL Command 12
- 13. http://mvc.tw 如何觀察 EF 所產生的SQL Command 13
- 14. http://mvc.tw 如何觀察 EF 所產生的SQL Command 14
- 15. http://mvc.tw 如何觀察 EF 所產生的SQL Command – EF6 15
- 16. http://mvc.tw 如何觀察 EF 所產生的SQL Command – EF6 16
- 17. http://mvc.tw 如何觀察 EF 所產生的SQL Command – EF6 17
- 18. http://mvc.tw 只有 Ultimate版本才有此功能 Visual Studio - IntelliTrace 18
- 19. http://mvc.tw Visual Studio -IntelliTrace 19
- 20. http://mvc.tw Clutch.Diagnostics.EntityFramework https://github.com/Kukkimonsuta/Clutch Nuget Install-PackageClutch.Diagnostics.EntityFramework Entity Framework 5 20 P.S. 與 NLog 搭配使用
- 21.
- 22.
- 23.
- 24. http://mvc.tw Logging andIntercepting Database Operations http://msdn.microsoft.com/zh-tw/data/dn469464.aspx Entity Framework 6 Only 與 NLog 搭配使用（也可使用 Log4Net …etc） EF6 – Intercepting, Logging 24
- 25. http://mvc.tw EF6 – Intercepting,Logging 25
- 26. http://mvc.tw EF6 – Intercepting,Logging 26
- 27. http://mvc.tw EF6 – Intercepting,Logging 27
- 28. http://mvc.tw EF6 – Intercepting,Logging 28
- 29.
- 30.
- 31. http://mvc.tw 可分析系統裡透過 ADO.NET所執行的 SQL Command 顯示頁面執行所耗費的時間 MS SQL Server, Oracle, MySql, Postgres … LINQ to SQL, Entity Framework, ADO.NET ASP.NET MVC, ASP.NET WebForms 由 Stack Overflow 團隊所設計開發 在 Stack Exchange 等系列網站都有使用. MiniProfiler 31
- 32. http://mvc.tw 透過 NuGet安裝： MiniProfiler,MiniProfiler.Mvc4,MiniProfiler.EF6 MiniProfiler 32
- 33.
- 34.
- 35.
- 36. http://mvc.tw 修改 Web.Config MiniProfiler 36 <system.webServer> ... <handlers> <addname="MiniProfiler" path="mini-profiler-resources/*" verb="*" type="System.Web.Routing.UrlRoutingModule" resourceType="Unspecified" preCondition="integratedMode" /> </handlers> </system.webServer>
- 37.
- 38.
- 39.
- 40. http://mvc.tw 安全性釋疑：預設只有在 Local端才會顯示，Remote 下 並不會顯示 MiniProfiler 40
- 41. http://mvc.tw 可在 Web.Config裡加上開關，用來控制是否顯示 MiniProfiler 41
- 42.
- 43. http://mvc.tw 改由 enable_profiling與 Request.IsLocal MiniProfiler 43
- 44. http://mvc.tw 分層架構、AJAX 結合權限機制限定角色才會顯示MiniProfiler 視窗 MiniProfiler – 進階操作 44
- 45.
- 46.
- 47.
- 48. http://mvc.tw 視覺化的系統執行追蹤訊息 顯示系統Configuration 內容 Route Debugging 顯示 View Rander 的細節 顯示 Http Request 的內容 多種擴充的 Third Party Extensions Glimpse 48
- 49. http://mvc.tw NuGet: Glimpse Core GlimpseASP.NET Glimpse Mvc5 Glimpse EF6 Glimpse 49
- 50.
- 51. http://mvc.tw 觀察 EntityFramework所執行的 SQL Command Glimpse 51
- 52.
- 53.
- 54.
- 55. http://mvc.tw Glimpse 有支援ASP.NET WebForms Glimpse – ASP.NET WebForms 55 https://www.youtube.com/watch?v=vS6ONq6YwyI
- 56. http://mvc.tw Glimpse – ASP.NETWebForms 56
- 57.
- 58. http://mvc.tw Microsoft MonitoringAgent 會監視電腦基礎結構和應 用程式健全狀況。它會收集診斷資料，例如效能標準、事件 記錄檔和追蹤。Microsoft Monitoring Agent 可以做為 獨立工具使用，或是與 System Center Operations Manager 搭配使用。 下載位置 http://www.microsoft.com/zh-TW/download/details.aspx?id=40316 Microsoft Monitoring Agent (MMA) 58
- 59.
- 60.
- 61. 61 Performance and Diagnostics Hub(效能與分析中樞)
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73. http://mvc.tw Telerik JustTrace KeyFeatures 73
- 74.
- 75.
- 76.
- 77. http://mvc.tw 換 SSD，效率高！ 開發的效率 77
- 78. http://mvc.tw 善用你手邊的開發工具 VisualStudio 號稱地表上最強的工具，要懂得如何使用 熟悉 Visual Studio 快捷鍵 安裝好用的 Visual Studio Extensions 開發的效率 78
- 79. http://mvc.tw 熟悉 Visua Studio快捷鍵 79 http://visualstudioshortcuts.com/2013/
- 80. http://mvc.tw Products and Extensionsfor Visual Studio 80 http://visualstudiogallery.msdn.microsoft.com/
- 81.
- 82. http://mvc.tw Productivity Power Tools http://visualstudiogallery.msdn.microsoft.com/d0d33361-18e2- 46c0-8ff2-4adea1e34fef/ VSCommands http://vscommands.squaredinfinity.com/features WebEssentials http://vswebessentials.com/ 這些套件你裝了沒？ 82
- 83. http://mvc.tw ReAttach IndentGuides Javascript Parser Advanced Javascript outlining Jscript vsdoc Stub Generator 2012 CodeMaid BuildVision 我還有哪些必裝的套件 83
- 84. http://mvc.tw Highlight alloccurrences of selected words Image Optimizer jQuery Code Snippets GhostDoc Cobisi Routing Assistant 我還有哪些必裝的套件 84
- 85. http://mvc.tw ReSharper http://www.jetbrains.com/resharper/ OzCode http://www.oz-code.com/ .NET Reflector Visual Studio Extension http://www.red-gate.com/products/dotnet- development/reflector/ 我還有哪些必裝的套件 85
- 86. http://mvc.tw Bing Code Searchfor C# 86 http://goo.gl/OoXzsf
- 87. http://mvc.tw Alt +A Bing Code Search for C# 87
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95. http://mvc.tw Ctrl +Shift + M Firefox 95
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102.
- 103. http://mvc.tw BrowserStack - ChromeExtensions 103
- 104.
- 105.
- 106. http://mvc.tw Windos Phone 8.1模擬器 106 https://dev.windowsphone.com/zh-tw/downloadsdk
- 107.
- 108.
- 109. http://mvc.tw 使用 Windows PhoneEmulator 偵錯 109
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 116. http://mvc.tw Introducing MicrosoftMonitoring Agent Performance Details in IntelliTrace IntelliTrace MVC Navigation UI Enhancements for IntelliTrace with Visual Studio 2013 Update 2 使用 Microsoft Monitoring Agent 監視部署中的應用程式 使用 Visual Studio 和 Microsoft Monitoring Agent 診斷 部署中的問題 Microsoft Monitoring Agent 相關連結 116
- 117. http://mvc.tw Performance andDiagnostics Hub in Visual Studio 2013 New CPU Usage tool in the Performance and Diagnostics hub in Visual Studio 2013 MSDN 使用程式碼剖析工具分析應用程式效能 Visual Studio 2013的進階偵錯與效能分析技巧 Performance and Diagnostics Hub 117
- 118. http://mvc.tw 好活動需要支持 感謝 KKTIX 贊助twMVC 活動報名平台 118
- 119.
- 120. http://mvc.tw 好課程別放過 – ASP.NETMVC 5 實戰訓練營 120 http://skilltree.kktix.cc/events/skilltree2
- 121. 謝謝各位 • 本投影片所包含的商標與文字皆屬原著作者所有。 • 本投影片使用的圖片皆從網路搜尋。 •本著作係採用姓名標示-非商業性-相同方式分享 3.0 台灣授權。閱讀本授權條款，請到 http://creativecommons.org/licenses/by-nc-sa/3.0/tw/，或寫信至Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. h t t p : / / m v c . t w