圖片

圖片占網(wǎng)頁傳輸?shù)拇蟛糠钟行лd荷，圖片優(yōu)化可以帶來大量的性能提升
webp格式
svg格式
圖片懶加載

響應(yīng)式圖片

img的srcset屬性，picture屬性

字體

4種網(wǎng)絡(luò)字體woff eot ttf woff2，woff支持度較廣

CDN

1.瀏覽器會限定同一時間同一域名的請求數(shù)量，大約在6~10個左右，如谷歌限定為6個
2.當(dāng)請求數(shù)量超過限定數(shù)量，便會阻塞請求，等待前面的完成再去執(zhí)行
3.大型網(wǎng)站主頁請求過多，使用CDN來減少同一域名同一時間的請求，減少用戶等待時間

頁面編寫順序

1.html渲染順序，解釋渲染樹（html解釋）→構(gòu)建渲染樹（css解釋）→布局渲染樹（reflow）→繪制渲染樹（repaint）
2.css引入發(fā)生在構(gòu)建渲染樹期間，js的引入與執(zhí)行開始發(fā)生在reflew期間，因此，在header中引入css，在body最后引入js