web性能優化

web性能優化是一個比較大的一個問題,不是一天兩天就能學會的,需要在日常中思考和學習。
先收藏一篇文章,以後有時間在慢慢研究。毫秒必爭,前端網頁性能最佳實踐這是一篇講關於web性能優化的。
下面是講我工作中遇到的幾個優化問題。

1.使用縮略圖優化圖片顯示速度

手機端由於性能、資源和網絡的原因,沒法和電腦比,在手機上顯示圖片的時候,要顯示縮略圖。
之前做過一個項目,由於經驗不足,沒有保存縮略圖,在手機上顯示的圖片都是原圖,圖片少的時候還能接受,圖片一多,整個頁面都卡死了,甚至微信都閃退了,後面改成在手機端顯示縮略圖之後,頁面的速度快了很多。
我是在上傳圖片的時候做了處理,多保存了一份縮略圖,原圖在可接受的範圍內也做了壓縮。
圖片的大小是影響性能的一個很重要的因素。

2.css和js的壓縮

對頁面引用的樣式和js文件進行壓縮,合併一些js和css文件減少請求等,也是web性能優化的一個方法。
我們的站點都是使用ASP.NET MVC開發的,文件壓縮合並使用的是ASP.Net MVC中自帶的Bundle進行壓縮合並,使用bundle主要的作用就是壓縮和合並文件,減小請求的體積和次數,當文件有更新的時候,還能幫忙清除瀏覽器緩存,是使用Asp.Net MVC開發站點壓縮文件的首選。
這裏還需要注意的是,bundle壓縮的文件最好能獨立運行,有依賴關係的要進行合併壓縮,不然可能會報錯。

後面如果還用到了什麼優化的方法會繼續更新

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章