為什么服務(wù)端渲染首屏渲染快?(對(duì)比客戶端首屏渲染)
react客戶端渲染的一大痛點(diǎn)就是首屏渲染速度慢問(wèn)題,因?yàn)閞eact是一個(gè)單頁(yè)面應(yīng)用,大多數(shù)的資源需要在首次渲染前就加載好,這較大程度地拖慢了首屏渲染速度。有一些方式能夠較好地解決這個(gè)問(wèn)題: 1.webpack的按需加載(代碼分割)http://www.css88.com/doc/webpack2/guides/code-splitting/ (這與本篇文章沒(méi)有太大關(guān)系,所以我只丟鏈接)2.我們這篇文章提到的react/redux的服務(wù)端渲染 客戶端渲染,服務(wù)端渲染具體的渲染過(guò)程的比較:
無(wú)論是客戶端渲染,服務(wù)端渲染,它們都包含三個(gè)主體過(guò)程:a:下載JS/CSS代碼b:請(qǐng)求數(shù)據(jù)c:渲染頁(yè)面客戶端渲染:a -> b ->c (a,b,c都在客戶端進(jìn)行)服務(wù)端渲染:b -> c ->a (b,c在服務(wù)端進(jìn)行,最后的a在客戶端進(jìn)行) 服務(wù)端渲染改變了a,b,c三個(gè)過(guò)程的執(zhí)行順序和執(zhí)行方