創(chuàng)新互聯(lián)www.cdcxhl.cn八線動態(tài)BGP香港云服務(wù)器提供商,新人活動買多久送多久,劃算不套路!
目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計、秦安網(wǎng)站維護(hù)等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。今天就跟大家聊聊有關(guān)服務(wù)器端渲染的使用方法,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
頁面渲染方式
前段時間了解到頁面有幾種渲染方式:SPA SSR,以前寫的一個網(wǎng)站但是用的渲染方式是 SPA,導(dǎo)致搜索引擎爬蟲抓不到任何信息,對 SEO 優(yōu)化不很好,本想改成 SSR,但是改動配置很多,弄來弄去怕影響開發(fā),今天在 Vue 官網(wǎng)看到預(yù)渲染,今天試了下,感覺是一個折中的方法,而且配置改動不大,大家可以試試
什么是服務(wù)器端渲染 (SSR)?
簡單理解是將組件或頁面通過服務(wù)器生成html字符串,再發(fā)送到瀏覽器,最后將靜態(tài)標(biāo)記"混合"為客戶端上完全交互的應(yīng)用程序
SSR的優(yōu)勢
1. 更利于SEO。
不同爬蟲工作原理類似,只會爬取源碼,不會執(zhí)行網(wǎng)站的任何腳本(Google除外,據(jù)說Googlebot可以運行javaScript)。使用了React或者其它MVVM框架之后,頁面大多數(shù)DOM元素都是在客戶端根據(jù)js動態(tài)生成,可供爬蟲抓取分析的內(nèi)容大大減少(如圖一)。另外,瀏覽器爬蟲不會等待我們的數(shù)據(jù)完成之后再去抓取我們的頁面數(shù)據(jù)。服務(wù)端渲染返回給客戶端的是已經(jīng)獲取了異步數(shù)據(jù)并執(zhí)行JavaScript腳本的最終HTML,網(wǎng)絡(luò)爬中就可以抓取到完整頁面的信息。
2. 更利于首屏渲染
首屏的渲染是node發(fā)送過來的html字符串,并不依賴于js文件了,這就會使用戶更快的看到頁面的內(nèi)容。尤其是針對大型單頁應(yīng)用,打包后文件體積比較大,普通客戶端渲染加載所有所需文件時間較長,首頁就會有一個很長的白屏等待時間。