為什么服務(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ò)程的比較:Android培訓(xùn),安卓培訓(xùn),手機(jī)開(kāi)發(fā)培訓(xùn),移動(dòng)開(kāi)發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

 

無(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í)行方

網(wǎng)友評(píng)論