1废登、為什么做服務(wù)端渲染
服務(wù)端渲染:就是在前端和后臺中間加了一層node中間層
為什么要加node層倔喂,因為react頁面內(nèi)容是動態(tài)加載的,搜索引擎爬蟲爬不到j(luò)s動態(tài)生成的內(nèi)容,
加node后骑晶,用戶刷新頁面的時候拟赊,能夠直接由node端輸出頁面刺桃,這樣爬蟲就能爬到內(nèi)容了,有利于seo
2吸祟、本項目的實施:
用戶刷新的那一刻所顯示的頁面瑟慈,是node層輸出的頁面桃移,然后立刻轉(zhuǎn)換成前端渲染的頁面
在首頁刷新,可以看到頁面閃了一下葛碧,閃之前的頁面是node輸出的借杰,閃之后的頁面是前端渲染的
這樣,既做到了seo,又不改變原網(wǎng)站的邏輯
3进泼、對網(wǎng)站應(yīng)用邏輯的影響:
服務(wù)端渲染做的內(nèi)容蔗衡,只是在頁面刷新的那一刻才顯示的,沒有不利影響
4乳绕、對網(wǎng)站訪問速度的影響:
1)由于加了一層node绞惦,有可能降低用戶訪問速度,因此在node層加了數(shù)據(jù)緩存
2)靜態(tài)資源原來走的cdn洋措,做成服務(wù)端渲染后济蝉,只能做到部分公共靜態(tài)資源走cdn, 部分走node;node輸出靜態(tài)資源的效率會低一些呻纹,我這里做了壓縮和瀏覽器靜態(tài)緩存堆生,速度上幾乎沒有區(qū)別,待測試