這個(gè)問題是我們經(jīng)骋凼祝考慮的,可以簡單的從兩個(gè)方面來講.
資源加載方面我們可以把css寫在頂部,js寫在底部.
css和js文件進(jìn)行壓縮,多使用less,sass等css預(yù)編譯處理,盡量使用精靈兔和字體圖標(biāo).
如果圖片非常的多,那就要使用懶加載的方式,總之就是要減少資源的體積,減少資源的請求次數(shù).
代碼性能的方面我們可以減少查詢層級:比如.header .log要好過.header .log .top
減少查詢的范圍:比如header>li 要好過.header li
避免tag標(biāo)簽與class并存 刪除重復(fù)的css
HTML:減少DOM節(jié)點(diǎn),加速頁面的渲染,正確的使用閉合標(biāo)簽,比如避免使用<div/>
JS:盡量少用全局變量,避免頻繁操作dom節(jié)點(diǎn),減少對象查找,比如a.b.c.d這樣是非常消耗性能的.
