合併、壓縮、混淆html/css/js檔案（webpack實現，減小資源大小）
nginx開啟gzip，進一步壓縮資源（減小資源大小）
資源使用cdn加速（提高載入速度）
符合條件的圖示做base64處理（減小資源大小）
樣式表放首部，js放尾部（js單執行緒，會阻塞頁面；資源載入方式）
設定快取（強快取和協商快取，提高載入速度）
link或者src新增rel屬性，設定prefetch或preload可預載入資源。（載入時機）
如果使用了ui元件庫，採用按需載入（減小資源大小）
spa專案，通過import或者require做路由按需（減小資源大小）
服務端渲染ssr，加快首屏渲染，利於seo
頁面使用骨架屏，提高首頁載入速度（提高載入速度）
使用 jpeg 2000, jpeg xr, and webp 的格式來代替現有的jpeg和png，當頁面較多時，這點作用非常明顯
使用懶載入-lazyload
使用精靈圖
不足之處還請大家補充
前端效能優化方案
1 雪碧圖 css sprites 就是把多張圖合到一張圖裡面，然後通過css來分別取用。這樣就可以減少請求數量。2 合併多個指令碼和樣式表 3 合理設定快取 可以在下次訪問時減少部分請求，直接在快取中讀取。4 懶載入 lazy load 只載入可見的部分。先將img標籤中的src鏈結設為同一張 空...
前端效能優化方案
多使用記憶體，快取或者其他方法 減少cpu計算，減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中，js放body後 懶載入減少dom操作，對dom操作做快取 減少dom操作，多個操作盡量合併在一起執行 事件節流...
Web前端 優化方案
1.減少http請求 在乙個頁面中，css，js可能n個，如果每個資源都去請求一次伺服器的話，那麼伺服器就會為每個資源開乙個執行緒來完成，這樣的話對伺服器的壓力就很大了。所以解決的方法就是合併資源。css和js合併 c mvc 用bundleconfig.cs來解決多個css和js檔案，只需要一次請...