服務(wù)器端渲染的使用方法-創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買(mǎi)多久送多久，劃算不套路！

目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、秦安網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

今天就跟大家聊聊有關(guān)服務(wù)器端渲染的使用方法，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

頁(yè)面渲染方式

前段時(shí)間了解到頁(yè)面有幾種渲染方式：SPA SSR，以前寫(xiě)的一個(gè)網(wǎng)站但是用的渲染方式是 SPA，導(dǎo)致搜索引擎爬蟲(chóng)抓不到任何信息，對(duì) SEO 優(yōu)化不很好，本想改成 SSR，但是改動(dòng)配置很多，弄來(lái)弄去怕影響開(kāi)發(fā)，今天在 Vue 官網(wǎng)看到預(yù)渲染，今天試了下，感覺(jué)是一個(gè)折中的方法，而且配置改動(dòng)不大，大家可以試試

什么是服務(wù)器端渲染 (SSR)？

簡(jiǎn)單理解是將組件或頁(yè)面通過(guò)服務(wù)器生成html字符串，再發(fā)送到瀏覽器，最后將靜態(tài)標(biāo)記"混合"為客戶端上完全交互的應(yīng)用程序

SSR的優(yōu)勢(shì)

1. 更利于SEO。

不同爬蟲(chóng)工作原理類(lèi)似，只會(huì)爬取源碼，不會(huì)執(zhí)行網(wǎng)站的任何腳本（Google除外，據(jù)說(shuō)Googlebot可以運(yùn)行javaScript）。使用了React或者其它MVVM框架之后，頁(yè)面大多數(shù)DOM元素都是在客戶端根據(jù)js動(dòng)態(tài)生成，可供爬蟲(chóng)抓取分析的內(nèi)容大大減少(如圖一)。另外，瀏覽器爬蟲(chóng)不會(huì)等待我們的數(shù)據(jù)完成之后再去抓取我們的頁(yè)面數(shù)據(jù)。服務(wù)端渲染返回給客戶端的是已經(jīng)獲取了異步數(shù)據(jù)并執(zhí)行JavaScript腳本的最終HTML，網(wǎng)絡(luò)爬中就可以抓取到完整頁(yè)面的信息。

2. 更利于首屏渲染

首屏的渲染是node發(fā)送過(guò)來(lái)的html字符串，并不依賴(lài)于js文件了，這就會(huì)使用戶更快的看到頁(yè)面的內(nèi)容。尤其是針對(duì)大型單頁(yè)應(yīng)用，打包后文件體積比較大，普通客戶端渲染加載所有所需文件時(shí)間較長(zhǎng)，首頁(yè)就會(huì)有一個(gè)很長(zhǎng)的白屏等待時(shí)間。

分享文章：服務(wù)器端渲染的使用方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://muchs.cn/article16/ddopdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、關(guān)鍵詞優(yōu)化、網(wǎng)站內(nèi)鏈、網(wǎng)站導(dǎo)航、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)