客戶端渲染:
在服務(wù)端放了一個html 頁面考赛,里面有<script>//發(fā)請求月趟,拿數(shù)據(jù),模版引擎渲染等撇簿,$.ajax ?,</script>
客戶端發(fā)起請求聂渊,服務(wù)端把頁面(響應(yīng)的是字符串)發(fā)送過去,客戶端從上到下依次解析四瘫,如果在解析的過程中汉嗽,發(fā)現(xiàn)ajax
請求,再次像服務(wù)器發(fā)送新的請求找蜜,客戶端拿到ajax 響應(yīng)結(jié)果饼暑,模板引擎渲染。
過程至少和服務(wù)端發(fā)起兩次請求
服務(wù)端渲染:
sever 端頁面+數(shù)據(jù)洗做,服務(wù)端過程:1.讀取index.html ?2.模版進行渲染弓叛,在發(fā)送給客戶端之前,在服務(wù)端已經(jīng)把index.html 渲染處理了诚纸。var 渲染結(jié)果 = tempeter.render(模板字符串撰筷,{解析替換對象}) ? response.end(渲染結(jié)果),服務(wù)端響應(yīng)的就是最總的結(jié)果
服務(wù)端只請求一次
多數(shù)網(wǎng)站既有服務(wù)端渲染又有客戶端渲染
?服務(wù)端渲染和客戶端渲染的區(qū)別
??+?客戶端渲染不利于?SEO?搜索引擎優(yōu)化
??+?服務(wù)端渲染是可以被爬蟲抓取到的畦徘,客戶端異步渲染是很難被爬蟲抓取到的
??+?所以你會發(fā)現(xiàn)真正的網(wǎng)站既不是純異步也不是純服務(wù)端渲染出來的
??+?而是兩者結(jié)合來做的
??+?例如京東的商品列表就采用的是服務(wù)端渲染毕籽,目的了為了?SEO?搜索引擎優(yōu)化
??+?而它的商品評論列表為了用戶體驗,而且也不需要?SEO?優(yōu)化井辆,所以采用是客戶端渲染
---------------------
作者:wuhuimin521
來源:CSDN
原文:https://blog.csdn.net/wuhuimin521/article/details/79929834
版權(quán)聲明:本文為博主原創(chuàng)文章关筒,轉(zhuǎn)載請附上博文鏈接!