前端效能優化

前端效能優化—-yahoo前端效能團隊總結的35條黃金定律

除了自己總結:1. 減少http請求,2.壓縮並優化js/css/image 3.儘量靜態頁面,從簡原則 4.程式碼規範(詳見:個人知識體系思維導圖) 從yahoo 新學到的:   網頁內容 減少http請求次數 80%的響應時間花在下載網頁內容(images, stylesheets, javas […]

reflow 和 repaint

瀏覽器解析基本流程 瀏覽器解析的基本流程 reflow和repaint reflow,瀏覽器根據各種樣式來計算並根據計算結果將元素放到確定的地方。repaint: relfow完成之後,瀏覽器把這些元素按照各自的特性繪製一遍。 引起reflow和repaint的操作 引起repaint的操作 一個元 […]

前端效能優化總結

從使用者訪問資源到資源完整的展現在使用者面前的過程中,通過技術手段和優化策略,縮短每個步驟的處理時間從而提升整個資源的訪問和呈現速度。網站的效能直接會影響到使用者的數量,所有前端效能優化很重要。 前端效能優化分為如下幾個方面: 一、程式碼部署: 1、程式碼的壓縮與合併 2、圖片、js、css等靜態資 […]