web效能優化
摘要：
web效能優化是一個比較大的一個問題，不是一天兩天就能學會的，需要在日常中思考和學習。
先收藏一篇文章，以後有時間在慢慢研究。毫秒必爭，前端網頁效能最佳實踐
這是一篇講關於web效能優化的。
下面是講我工作中遇到的幾個優化問題。
1.使用縮圖...
web效能優化是一個比較大的一個問題，不是一天兩天就能學會的，需要在日常中思考和學習。
先收藏一篇文章，以後有時間在慢慢研究。毫秒必爭，前端網頁效能最佳實踐 這是一篇講關於web效能優化的。
下面是講我工作中遇到的幾個優化問題。
1.使用縮圖優化圖片顯示速度
手機端由於效能、資源和網路的原因，沒法和電腦比，在手機上顯示圖片的時候，要顯示縮圖。
之前做過一個專案，由於經驗不足，沒有儲存縮圖，在手機上顯示的圖片都是原圖，圖片少的時候還能接受，圖片一多，整個頁面都卡死了，甚至微信都閃退了，後面改成在手機端顯示縮圖之後，頁面的速度快了很多。
我是在上傳圖片的時候做了處理，多儲存了一份縮圖，原圖在可接受的範圍內也做了壓縮。
圖片的大小是影響效能的一個很重要的因素。
2.css和js的壓縮
對頁面引用的樣式和js檔案進行壓縮，合併一些js和css檔案減少請求等，也是web效能優化的一個方法。
我們的站點都是使用ASP.NET MVC開發的，檔案壓縮合並使用的是ASP.Net MVC中自帶的Bundle進行壓縮合並，使用bundle主要的作用就是壓縮和合並檔案，減小請求的體積和次數，當檔案有更新的時候，還能幫忙清除瀏覽器快取，是使用Asp.Net MVC開發站點壓縮檔案的首選。
這裡還需要注意的是，bundle壓縮的檔案最好能獨立執行，有依賴關係的要進行合併壓縮，不然可能會報錯。
後面如果還用到了什麼優化的方法會繼續更新