提升頁(yè)面性能的方法有哪些搬葬?
1.資源壓縮合并碘耳,減少http請(qǐng)求
2.非核心代碼異步加載----->異步加載的方式------>異步加載的區(qū)別
3.(最重要)利用瀏覽器緩存------>緩存的分類------>緩存的原理(不要和storage存儲(chǔ)混為一談)
4.使用CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))第一次打開頁(yè)面的時(shí)候抱既,就不能使用緩存剪返,這個(gè)時(shí)候可以使用cdn。
5.預(yù)解析DNS
(第一句是強(qiáng)制打開a標(biāo)簽的預(yù)解析倚搬,頁(yè)面中a標(biāo)簽?zāi)J(rèn)打開預(yù)解析冶共,如果頁(yè)面是https開頭,很多瀏覽器是關(guān)閉了預(yù)解析的每界。亮點(diǎn)M苯)
異步加載
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í)行順序和加載順序無關(guān)馒闷。
瀏覽器緩存
1.緩存的分類
①?gòu)?qiáng)緩存
Expires(絕對(duì)時(shí)間)
Cache-Control(相對(duì)時(shí)間)
②協(xié)商緩存(瀏覽器本地有副本酪捡,詢問服務(wù)器是否可用)
Last-Modified If-Modified-Since
Etag If-None-Match