Web性能優(yōu)化小結(jié)

  • 下載性能

    • 消滅重定向
    • 域名收斂，減少DNS解析
    • 減少文件數(shù)量（減少TCP連接數(shù)）
    • 壓縮文件體積
    • CDN
    • 客戶端緩存

  • 渲染性能

    • CSS放頂部
    • JS放底部

  • 心理性能

    • 進(jìn)度條
    • 有效提示
    • 轉(zhuǎn)“菊花”

  • 移動(dòng)網(wǎng)絡(luò)的“空口”信道

  • TCP

    • 慢啟動(dòng)：不同的應(yīng)用類型獲得的連接資源不公平——下載 vs 網(wǎng)游
    • Head-of-line blocking
    • HTTP無(wú)法多路復(fù)用TCP連接（HTTP2可以）
    • 三次握手和四次揮手過程冗余（TCP Fast Open，QUIC）

  • 預(yù)解析和預(yù)加載

# DNS預(yù)解析
<link rel="dns-prefetch" href="www.xxx.com" />
# 頁(yè)面預(yù)獲?。ㄌ崆跋螺d了頁(yè)面代碼，沒有渲染）
<link rel="prefetch" href="www.xxx.com/index.html" />
# 頁(yè)面預(yù)加載（提前下載了頁(yè)面代碼，并渲染）
<link rel="prerender" href="www.xxx.com/index.html" />
最后編輯于 ：
?著作權(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)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

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

  • 圍繞前端的性能多如牛毛，涉及到方方面面，以我我們將圍繞PC瀏覽器和移動(dòng)端瀏覽器的優(yōu)化策略進(jìn)行羅列注意，是羅列不是展...
    流動(dòng)碼文閱讀 743評(píng)論 0贊 0
  • 上一篇講了PC端的部分：前端性能優(yōu)化（PC端），這次繼續(xù)說移動(dòng)端的。相對(duì)于PC端的，移動(dòng)web瀏覽器上有一些明顯的...
    今天的我吃飽了嗎閱讀 3,453評(píng)論 2贊 17
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,062評(píng)論 25贊 709
  • 轉(zhuǎn)載于：http://mrpeak.cn/blog/http2/ HTTP 2.0的那些事 在我們所處的互聯(lián)網(wǎng)世界...
    柒黍閱讀 2,462評(píng)論 0贊 8
  • 一、下載軟件 在APP中搜索“YY語(yǔ)音”就可以看到下面的畫面，按圖示操作即可。 二、進(jìn)入YY參加晨會(huì)的操作 1.在...
    王晶Lida閱讀 1,918評(píng)論 0贊 2

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