前言

　　上一篇《.NET-記一次架構優(yōu)化實戰(zhàn)與方案-梳理篇》整理了基本的業(yè)務知識，同時也羅列了存在的問題，本篇主要是針對任務列表的頁面進行性能優(yōu)化。

　　該篇主要涉及的是代碼實現上的優(yōu)化，實現上的問題是戰(zhàn)術債務，也就是我們平常出現的各種BUG，這種問題一出直接影響業(yè)務運營與系統運作。

　　你永遠想象不到同一條SQL相差個3.5秒鐘，遍歷兩次就導致了 3.5秒*2次 = 7秒的耗時。具體請看下文。

二八原則

　　有接觸過性能問題的朋友應該都了解過，一般性能瓶頸都是在某行代碼或者某個方法，而不是整一個代碼實現流程。

　　例如：遍歷計算、沒使用到索引的SQL語句、多余重復的接口請求等等。

　　以二八原則的思想來考慮，80%性能耗時由20%的代碼引起，因此我們處理原則就是具體定位，具體問題，針對解決。

現象描述

　　任務列表頁面問題主要體現于加載任務列表過慢的性能低效問題，就如上一篇所說的加載事件需要11秒！這種對于用戶來說是不能忍受的，特別是以現狀JOB觸發(fā)的方式時效如此低，用戶多看兩次，估計就會有放棄該產品的沖動。

　　因此我們需要遵守3秒鐘原則。

3秒鐘原則

　　現代人的生活節(jié)奏都很快，網頁間的切換速度也越來越快。所謂“3秒鐘原則”，就是要在極短的時間內展示重要信息，給用戶留下深刻的第一印象。當然，這里的3秒只是一個象征意義上的快速瀏覽表述，在實際瀏覽網頁的時候，并非真的嚴格遵守3秒。

　　因此，在設計互聯網產品的頁面時，用戶等待時間越少，用戶體驗越好

優(yōu)化實施

　　任務列表頁面為以信息展示的讀操作為主，因此對于 I/O 密集型程序，問題主要體現于兩點：

慢查詢語句

多次建立查詢

多次建立查詢

　　該問題主要從代碼實現方式上解決，場景又分為兩種情況：

信息重復查詢

　　描述：函數 A 查詢了一次 Users 信息，其函數 A 的子函數 B 又進行了一次查詢了一次Users 信息。

　　解決方案：去除子函數 B 的重復查詢，并提供參數由函數 A 傳入

遍歷查詢

　　描述：item.foreach(item=> _userIdRespository.Get(a=>userId == item.userId) )

　　解決方案：先批量查詢，然后在內存過濾。
　　var userIds = item.Select(a=>a.UserId);
　　var users = _userIdRespository.ToList(a=>userIds .Contains(a.userId));
　　Item.foreach(item=>{
　　Var user = users .where(a=>a.userId == item.userId)
　　})

以上并不是什么特別牛逼的技術，但是往往是某些地方性能瓶頸點，而導致這樣的原因也只有一點，貪方便。上遍歷查詢的例子看出，兩種寫法的代碼量的確差了幾行，但是在實際使用場景中性能會差幾倍，而且隨著業(yè)務的增長其差距越發(fā)的明顯。

慢查詢語句

　　對可能出現慢查詢的語句的進行日志埋點記錄耗時（特別是手寫 SQL 與復雜視圖），定位后可與專業(yè)人士溝通優(yōu)化，我們有DBA，因此我只要把問題定位到就好了。

　　下面展示一個我在優(yōu)化時候遇到一個的情況：

　　優(yōu)化前是查詢一個復雜視圖，因為查詢沒用到索引，單次查詢了3.5秒，在生產環(huán)境還有遍歷2次的情況，一個7秒。

　　優(yōu)化后將視圖改成存儲過程，并通過業(yè)務了解到一個用戶只會查詢出一條記錄，重復查的情況，耗時直接降到120+毫秒

優(yōu)化經歷

　　我剛完成這個需求二期上線，就收到加載慢的消息，整個優(yōu)化過程并非一步到位的，主要分了三步：

　　第一步，能立刻可預見的，比較低級的優(yōu)化了，并將列表加載改成異步，因為需求已經上線了，要先唬住用戶。

　　第二步，把多次建立查詢和部分已經在測試環(huán)境很慢的語句。優(yōu)化完了之后發(fā)到了生產，快了2秒多，但是仍然不理想

　　第三步，給所有有可能查詢慢的地方都寫上日志，后來定位到了好幾個慢查詢，其中上面是罪魁禍首。

　　發(fā)布上線后，從原來的11秒耗時，降到1秒到2秒，細心的朋友會看見，在加載列表有一段UpdateUserTaskStatus的代碼，這個是在讀頁面做更新操作，具體原因與分析放到下一篇進行講解

結尾

?　? 本篇主要講解了我在優(yōu)化頁面加載性能過程中一些經歷，當然想優(yōu)化到極致還有更多做法，例如徹底的前后端分離，讀緩存等等。

　　然而我們需要在投入與產出比之間做出權衡，以有限的成本，使用樸實的技術，達到有效的目標效果。

原文地址:?https://www.cnblogs.com/skychen1218/p/10320994.html

.NET社區(qū)新聞，深度好文，歡迎訪問公眾號文章匯總 http://www.csharpkit.com

總結

以上是生活随笔為你收集整理的.NET-记一次架构优化实战与方案-前端优化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。