頁(yè)面性能類

提升頁(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


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • JS頁(yè)面性能類1.提升頁(yè)面性能的方法有哪些? 資源壓縮合并,減少HTTP請(qǐng)求(資源傳輸?shù)倪^(guò)程變小); 非核心的代碼...
    飛菲fly閱讀 904評(píng)論 0 1
  • 摘要: 性能是最重要的用戶體驗(yàn)之一。 作者:浪里行舟 Fundebug經(jīng)授權(quán)轉(zhuǎn)載,版權(quán)歸原作者所有。 引子 互聯(lián)網(wǎng)...
    Fundebug閱讀 8,362評(píng)論 0 11
  • 引子 互聯(lián)網(wǎng)有一項(xiàng)著名的8秒原則。用戶在訪問(wèn)Web網(wǎng)頁(yè)時(shí),如果時(shí)間超過(guò)8秒就會(huì)感到不耐煩,如果加載需要太長(zhǎng)時(shí)間,他...
    強(qiáng)哥科技興閱讀 77評(píng)論 0 0
  • 互聯(lián)網(wǎng)有一項(xiàng)著名的8秒原則。用戶在訪問(wèn)Web網(wǎng)頁(yè)時(shí),如果時(shí)間超過(guò)8秒就會(huì)感到不耐煩,如果加載需要太長(zhǎng)時(shí)間,他們就會(huì)...
    紫痕藍(lán)羽閱讀 247評(píng)論 0 0
  • 我自產(chǎn)后恢復(fù)體力以來(lái),身形已逐漸恢復(fù)原樣,但松弛的肚皮儼然一副打算忠心耿耿地伴隨我余生的架勢(shì),怎么也回不去當(dāng)年的緊...
    千里小姐閱讀 296評(píng)論 1 1

友情鏈接更多精彩內(nèi)容