主要介紹ASP.NETMVC 應用提速的六種方法,由於沒有人喜歡等待,因此介紹幾種經常使用的優化方法。
你們可能會遇到排隊等待,遇到紅燈要等待,開個網頁要等待,等等等。
理所固然,沒有人喜歡等待網頁慢吞吞地加載,尤爲是在移動端訪問網站時。其實,Web 開發者敏感的神經決定了咱們等待與否。
如今,快速響應不只是來自用戶的要求,仍是決定搜索引擎的速度。
考慮到大多數網站都存在速度方面的問題,在本文中將介紹六種爲 ASP.NET MVC 應用提速的方法。
但願能夠幫助到你們!!!
1. 應用程序緩存css
- 緩存一直都是優化應用時屢試不爽的最後絕招。只要使用得當,緩存絕對能夠有效加速應用。
- 在進行數據庫調用以檢索記錄時,正是實現應用程序緩存的最佳時機。
- 譬如說,你搭建了一個博客。當訪客請求某一篇博文時,你將其從數據庫中檢索出來,保存在緩存中。當下一個訪客經過 ID 請求同一篇博文時,應用程序會首先根據 ID 在緩存中尋找博文,若是找到,就將之返回給訪客,而無需訪問數據庫。
- 這節省了數據庫調用的高昂開支。
2. 優化圖片html
- 有時候,取決於文章內容的不一樣,圖片可能會是一篇博文中最大的資源。
- 你應該壓縮這些龐大的資源。圖片越小,網頁渲染的速度越快。
- Image Optimizer(圖片優化)插件是頗有用的 Visual Studio插件。選定你的全部圖像,再選擇無損(Lossless)或者有損(Lossy)圖片優化模式,每張圖片都會根據必定的比率壓縮大小。
- 此外,若是你掌握了 Grunt 或 Gulp 之類的前端客戶端工具,就能夠在建立應用或者部署應用時自動實現圖片優化。
3. 使用 Sprites前端
- 每一個網站都有圖片。圖片幾乎是必不可少的網站元素。
- 可是,若是你有不少小圖片,該如何處理呢?假設有20張小圖片,那就是20次圖片檢索請求,每張圖片一次。
- 這時候,Sprites 就能派上用場啦。
- Sprites 是由衆多小圖片集合而成的一張大圖。瀏覽器能夠直接請求這張大圖,你再經過 CSS 技術抓取其中的小圖片,並將其展現在網頁的不一樣位置上。
- 我知道,不少開發者並不熟悉 CSS。所以,建議你們找點資料好好學習一下。CSS 真的很是有用。
- 此外,還有許多在線 sprite 生成器,能夠協助這一過程。(Piskel, Sprite Cow, 或者谷歌搜索:「在線 Sprite 生成器」)
4. ETagsweb
- 有些讀者可能不知道 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 方法調用該類,就能實現對網頁的壓縮。
結論瀏覽器
本文介紹的絕大部分速度提高方法都須要特定的編程技巧。一旦掌握了這些技巧,你就能輕易實現高效快速的網站。多積累,多實踐才能作更好