優(yōu)化關(guān)鍵渲染路徑（CRP，Critical Rendering Path）矫俺，指的是：優(yōu)先響應(yīng)用戶的動(dòng)作（點(diǎn)擊吱殉，拖動(dòng)，雙擊等）厘托。
反應(yīng)快友雳，體驗(yàn)佳的網(wǎng)站離不開瀏覽器的功勞，我們開發(fā)網(wǎng)站的時(shí)候?qū)懙氖歉鞣N標(biāo)記語言（Markup）铅匹，然后一個(gè)個(gè)絢麗無比的網(wǎng)頁就出現(xiàn)在了我們面前押赊。那么，瀏覽器如何將 HTML包斑，CSS流礁，JS 轉(zhuǎn)變?yōu)閳D形呈現(xiàn)在我們面前的呢涕俗？
想要優(yōu)化網(wǎng)頁性能，我們需要搞明白從網(wǎng)頁內(nèi)容接收到渲染成圖像之間的步驟神帅，這就是 “關(guān)鍵渲染路徑（Critical Rendering Path）”
優(yōu)化前和優(yōu)化后對比.png
優(yōu)化 CRP 可以讓我們顯著提升用戶首次看到網(wǎng)站內(nèi)容的時(shí)間再姑。不僅如此，了解 CRP 也有助于我們優(yōu)化交互中的性能問題找御。網(wǎng)頁在交互時(shí)更新同樣很簡單——讓網(wǎng)頁更新速度保持在 60 幀/秒即可（響應(yīng)時(shí)間小于16ms）元镀。但是首先，我們先看一個(gè)簡單的網(wǎng)頁是如何渲染的萎坷。
原文鏈接：
https://developers.google.com/web/fundamentals/performance/critical-rendering-path/
