提升頁(yè)面性能的方法有哪些?
1.資源壓縮合并,減少http請(qǐng)求
2.非核心代碼異步加載----->異步加載的方式------>異步加載的區(qū)別
3.(最重要)利用瀏覽器緩存------>緩存的分類------>緩存的原理(不要和storage存儲(chǔ)混為一談)
4.使用CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))第一次打開(kāi)頁(yè)面的時(shí)候,就不能使用緩存,這個(gè)時(shí)候可以使用cdn。
5.預(yù)解析DNS

(第一句是強(qiáng)制打開(kāi)a標(biāo)簽的預(yù)解析,頁(yè)面中a標(biāo)簽?zāi)J(rèn)打開(kāi)預(yù)解析,如果頁(yè)面是https開(kāi)頭,很多瀏覽器是關(guān)閉了預(yù)解析的。亮點(diǎn)?。?/p>
異步加載
1.異步加載的方式
①動(dòng)態(tài)腳本加載(動(dòng)態(tài)創(chuàng)建節(jié)點(diǎn))
②defer
③async
2.異步加載的區(qū)別
①defer是在html解析完后才會(huì)執(zhí)行,如果是多個(gè),按照加載的順序依次執(zhí)行。
②async是在加載完之后立即執(zhí)行,如果是多個(gè),執(zhí)行順序和加載順序無(wú)關(guān)。
瀏覽器緩存
1.緩存的分類
①?gòu)?qiáng)緩存
Expires(絕對(duì)時(shí)間)
Cache-Control(相對(duì)時(shí)間)

②協(xié)商緩存(瀏覽器本地有副本,詢問(wèn)服務(wù)器是否可用)
Last-Modified If-Modified-Since
Etag If-None-Match
