一、減少http請求數
1.合併(當較多時候,可以合併為一張大圖,從而減少http請求數)
2.合併壓縮css樣式表和js指令碼
3.去掉不必要的請求(無效的連線請求可以通過firebug等工具檢視)
4.充分利用快取(客戶端側快取)
二、優化
1.盡可能地使用png格式的,它相對來說體積較小
2.對於不同的格式在上線之前最好進行一定的優化。比如,png格式的可以使用pngcrush來優化,jpg格式的可以使用jpgtran來優化,gif格式的可以使用gifsicle來優化
3.的延遲載入,也叫作懶載入
三、使用cdn(內容分發網路)
它的基本思路是盡可能避開網際網路上有可能影響資料傳輸速度和穩定性的瓶頸和環節,使內容傳輸得更快、更穩當。
總結一句話:cdn就是讓使用者到離他最近的服務節點上獲取資料,從而提公升**的響應速度。cdn主要用於發布靜態內容,比如,、js、css、flash等。
四、開啟gzip
六、使用無cookie網域名稱
七、前端**結構優化(介面拆分)
前端效能優化方法概括
減少 http 請求 了解http請求快取機制,合理利用快取 減少 dns 查詢 避免重定向 快取 ajax 請求 頁面中不會經常變化的資料可以存放到瀏覽器本地儲存中 延遲載入 預先載入 減少 dom 元素數量 劃分內容到不同網域名稱 儘量減少 iframe 使用 避免 404 錯誤 補充規則 定義...
前端效能優化的幾個方法
為什麼要做前端效能優化?在構建web站點的過程中,任何乙個細節都有可能影響 的訪問速度,如果不了解前端效能優化的知識,很多不利於 的因素會累加,從而嚴重影響 的效能,導致 訪問速度變慢,使用者體驗低下,最終導致使用者流失。前端效能優化的方式 1.封裝元件 把所有需要復用的功能或網頁模板封裝成元件,在...
前端效能優化
1.減少http請求次數 css sprites 在國內很多人叫css精靈,是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言,不高於200kb的單張的所需載入時間基本是...