前言：

????????目的：我從事軟件性能優化工作多年，想在此總結一下網站性能優化的一些實戰經驗。

????????背景：當你負責公司網站運維時往往會遇到以下場景：領導要你維護一個開發人員趕工期開發出來的一個新網站。而新網站往往bug多，更沒有經過什么性能優化。網站上線以后用戶量一大，就會面臨請求慢、頁面卡頓等問題。有時候甚至會引發服務器cpu、帶寬、內存、硬盤等硬件設備滿載。這時候就需要你對這個網站進行性能優化。往往需要你：用最小的工作量、最短的時間、最少的代價，最大程度地提升網站響應速度。

????????本文所面向的受眾：本文描述的性能優化手段適用于中、小型網站。因為我目前維護的網站規模屬于日活越用戶量(DUA)在一萬級別的中型網站規模。

????????性能優化遵循的兩個原則：木桶效應與二八定律

????????這是我總結的兩個原則，理解這兩個原則，可以幫助您在性能優化過程中省時省力、抓住重點、有的放矢。畢竟每個人的時間精力有限，不要把它花在效益不高的地方~

????????木桶效應：

? ? ? ? 我們知道，一只木桶的盛水量，取決于桶壁上最短的那塊。同樣，一個軟件或網站的運行流暢程度，取決于運行速度最慢的環節。

????????舉例：一個網絡請求從發起到結束，一般要經歷用戶操作頁面、瀏覽器發起請求、域名解析、HTTP\HTTPS請求、WEB服務器響應請求（涉及cpu、內存、數據庫等的運行）、返回響應數據、客戶端瀏覽器下載響應數據并渲染數據。期間每個環節都可能成為短板，比如：短板可能是服務器硬件條件差、數據庫設計不合理、代碼組織不合理、視頻圖片文件太大加載慢等等因素。

????????木桶效應告訴我們，性能優化的“理想過程”往往是：先找出最短的短板，然后給他加長，然后再找下一塊最短的短板，再加長，循環往復。

????????二八定律：

????????生活中，世界上80%的財富掌握在20%的人手里。軟件中，一個軟件的性能由20%甚至10%的環節所決定。.

? ? ? ? 引用一段《.net 性能優化》中Vance Morrison的話：一般來說，你的應用程序中有超過90%的代碼對性能是不敏感的，它可以使用程序員生產力最大化的方式來編寫(盡可能使用最少、最簡化、最容易的方式來編寫代碼)。然而，剩下的10%，則值得投入大量關注。編寫這部分代碼需要做出精細計劃，甚至需要在代碼編寫之前進行。為了做出正確的計劃，必須收集數據(各類操作及類庫調用究竟有多快)，為此需要測試工具（Profiler）。這些是所有高性能軟件項目的基石，務必留心。加入真正掌握了這些內容，寫出高性能的軟件也不會是困難的事情。

????????舉例1：一個網站一定有常用功能和不常用功能，這些常用功能往往只占整個網站功能的20%甚至更少。

? ? ? ? 舉例2：一個軟件或網站，讀寫請求頻率比一般為 80%:20%。也就是說一個網站，8成的資源開銷都花在數據查詢讀取上，2成開銷花費在增刪改上。

????????二八定律告訴我們性能優化時的重點應該放在決定了80%資源開銷的這20%的功能代碼里。

實操篇：

? ? ? ? 接下來，我在此，根據木桶效應與二八定律，分享一下我再運維時是如何快速優化一個網站的性能的。以下是我梳理的性價比從高到低的性能優化方案。

????????第一步：壓縮文本

? ? ? ? 什么是文本壓縮？一個網站，文本資源占用了很大一部分，前端html、css、js文件都是文本，前后端也都是通過json文本進行請求和響應。文本壓縮，可以最大程度地減少通過網絡傳輸的字節數，所以使用文本壓縮是一個可以短時間內快速提升網絡響應速度的方式。文本壓縮分為:

? ? ? ? 1、請求與響應數據的壓縮，即：json壓縮。 【?這是我使用的響應壓縮方法(.NET版)】

? ? ? ? 2、前端靜態文件壓縮，即：css、js壓縮

????????為什么壓縮文本是第一步？

? ? ? ? 1、代碼性能優化工作量小。統一修改少量代碼就可以實現對網站中所有文本的壓縮。

? ? ? ? 2、作用面廣。一個網站，可能成千上萬的地方用到了文本。只要你花費一次性精力做了文本壓縮，成千上萬的地方統一都會被你一次性優化掉。

? ? ? ? 3、效果顯著。zip壓縮率高，文本壓縮一般在80%以上。(類似于txt文件壓縮成zip包的效果)

? ? ? ? 4、顯著減少服務器帶寬、網絡壓力，但也會消耗少量cpu進行壓縮。

????????第二步：壓縮圖片及視頻

? ? ? ? 1、對圖片和視頻本身做壓縮

? ? ? ? ? ? ? ? 1、對前端靜態圖片及視頻進行壓縮。直接壓縮工具壓縮即可。注意：壓縮分為質量壓縮和尺寸壓縮。

? ? ? ? ? ? ? ? ? ? ? ? a、圖片：

????????????????????????????????? ? ? ?1、質量壓縮：【?這是我使用的批量圖片壓縮方式】

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2、尺寸壓縮：根據業務，對不同頁面的圖片進行尺寸壓縮

? ? ? ? ? ? ? ? ? ? ? ? b、視頻：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1、質量壓縮：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2、尺寸壓縮：對一個項目中所有視頻進行壓縮

? ? ? ? ? ? ? ? 2、對后端動態上傳的圖片及視頻進行壓縮。

? ? ? ? ? ? ? ? ? ? ? ? a、修改上傳接口代碼，在接口內部對用戶上傳的圖片及視頻進行壓縮

? ? ? ? ? ? ? ? ? ? ? ? b、對用戶已經上傳的圖片及視頻進行壓縮。直接拿圖片or視頻壓縮工具壓縮即可。

? ? ? ? 2、圖片or視頻列表頁面，使用縮略圖(thumbnail)代替原圖或者視頻。

????????第三步：將所有后端接口的響應時間記錄到日志中

????????第四步：數據分頁

? ? ? ? 數據分頁是很常見的性能優化

????????第五步：前端懶加載

????????

????????第六步：使用 Javascript 庫 CDN

????????第七步: 數據庫使用索引

????????第八步：使用緩存

????????第九步：數據庫數據訪問優化：用【select (字段1，字段2，字段3) 】代替【select *】

????????第十步：開啟定時器定期對數據庫假刪除or老舊棄用數據or業務邏輯處理過程中的中間過程數據

????????第十一步：使用負載均衡

????????第十二步：使用多線程

? ? ? ? 1、后端在邏輯上可以進行異步響應的接口，可以使用異步：一個接口的主線程，在某個節點直接開啟子線程讓子線程去處理耗時操作，而主線程不必等候子線程的執行結果，就直接返回響應給前端。

? ? ? ? 2、特別耗時操作可以使用多線程并發完成任務，最后把子線程的處理結果合并到一起，如循環體內、圖像處理等等。

本文持續更新中...

總結

以上是生活随笔為你收集整理的如何在短时间内快速提升网站响应速度的全部內容，希望文章能夠幫你解決所遇到的問題。

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