主要介紹ASP.NETMVC 應用提速的六種方法,因為沒有人喜歡等待,所以介紹幾種常用的優化方法。 大家可能會遇到排隊等待,遇到紅燈要等待,開個網頁要等待,等等等。 理所當然,沒有人喜歡等待網頁慢吞吞地載入,尤其是在移動端訪問網站時。其實,Web 開發者敏感的神經決定了我們等待與否。 現在,快速響應 ...
主要介紹ASP.NETMVC 應用提速的六種方法,因為沒有人喜歡等待,所以介紹幾種常用的優化方法。 大家可能會遇到排隊等待,遇到紅燈要等待,開個網頁要等待,等等等。 理所當然,沒有人喜歡等待網頁慢吞吞地載入,尤其是在移動端訪問網站時。其實,Web 開發者敏感的神經決定了我們等待與否。 現在,快速響應不僅是來自用戶的要求,還是決定搜索引擎的速度。 考慮到大多數網站都存在速度方面的問題,在本文中將介紹六種為 ASP.NET MVC 應用提速的方法。 希望可以幫助到大家!!!
1. 應用程式緩存
- 緩存一直都是優化應用時屢試不爽的最後絕招。只要使用得當,緩存絕對可以有效加速應用。
- 在進行資料庫調用以檢索記錄時,正是實現應用程式緩存的最佳時機。
- 譬如說,你搭建了一個博客。當訪客請求某一篇博文時,你將其從資料庫中檢索出來,保存在緩存中。當下一個訪客通過 ID 請求同一篇博文時,應用程式會首先根據 ID 在緩存中尋找博文,如果找到,就將之返回給訪客,而無需訪問資料庫。
- 這節省了資料庫調用的高昂開支。
2. 優化圖片
- 有時候,取決於文章內容的不同,圖片可能會是一篇博文中最大的資源。
- 你應該壓縮這些龐大的資源。圖片越小,網頁渲染的速度越快。
- Image Optimizer(圖片優化)插件是很有用的 Visual Studio插件。選定你的所有圖像,再選擇無損(Lossless)或者有損(Lossy)圖片優化模式,每張圖片都會根據一定的比率壓縮大小。
- 此外,如果你掌握了 Grunt 或 Gulp 之類的前端客戶端工具,就可以在創建應用或者部署應用時自動實現圖片優化。
3. 使用 Sprites
- 每個網站都有圖片。圖片幾乎是必不可少的網站元素。
- 但是,如果你有很多小圖片,該如何處理呢?假設有20張小圖片,那就是20次圖片檢索請求,每張圖片一次。
- 這時候,Sprites 就能派上用場啦。
- Sprites 是由眾多小圖片集合而成的一張大圖。瀏覽器可以直接請求這張大圖,你再通過 CSS 技術抓取其中的小圖片,並將其展示在網頁的不同位置上。
- 我知道,很多開發者並不熟悉 CSS。因此,建議大家找點資料好好學習一下。CSS 真的非常有用。
- 此外,還有許多線上 sprite 生成器,可以協助這一過程。(Piskel, Sprite Cow, 或者谷歌搜索:“線上 Sprite 生成器”)
4. ETags
- 有些讀者可能不知道 ETags 為何物。其實,ETags 是用於 Web 緩存驗證的工具,允許有條件的客戶端請求。
- 通過 ETags,瀏覽器可以判斷某項資源是否被需要。如果不需要,瀏覽器就不會向 Web 伺服器發送請求,從而最小化請求數量。
- 筆者甚至將 ETag ActionFilter 類列為最喜歡的 ActionFilter 類,因為 ETags 的確能最小化網站向 Web 伺服器發送的請求數量。
5. 捆綁或最小化 JavaScript/CSS 代碼
- 捆綁與最小化早已不是什麼新鮮的概念了。
- 捆綁是指將所有 JavaScript 與 CSS 代碼打包為一個 JavaScript 或 CSS 文件的過程。這與 Sprite 技術相似,不過處理的是 JavaScript 與 CSS 文件。捆綁可以減少針對單獨 JavaScript 與 CSS 文件的請求,從而減少成本。
- JavaScript 與 CSS 文件充滿了空格,這些空格占用了不少的空間。最小化就是移除 JavaScript 或 CSS 文件里的大量空格的過程。
- 在 ASP.NET MVC 項目中, App_Start 文件夾下有一個 BundleConfig.cs 文件。你可以在該文件中定義 JavaScript 與 CSS 文件的捆綁或最小化設置。
6. 壓縮
- 你發覺我們的套路了麽?
- 實現壓縮的方式有兩種:一是通過IIS激活壓縮,二是通過 ActionFilter 類。
- 壓縮啟用後,Web 伺服器會將資源壓縮成包,再傳給客戶端。後者會先解壓縮,然後再展示內容。
- 這能有效提高資源傳送的速度。
- 還為此寫了一個 CompressFilter 類。通過 Action 方法調用該類,就能實現對網頁的壓縮。
結論