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