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

目前創(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é)力一起成長，共同發(fā)展。

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

頁面渲染方式

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

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

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

SSR的優(yōu)勢

1. 更利于SEO。

不同爬蟲工作原理類似，只會爬取源碼，不會執(zhí)行網(wǎng)站的任何腳本（Google除外，據(jù)說Googlebot可以運(yùn)行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)用，打包后文件體積比較大，普通客戶端渲染加載所有所需文件時(shí)間較長，首頁就會有一個(gè)很長的白屏等待時(shí)間。

分享文章：服務(wù)器端渲染的使用方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://www.rwnh.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)航、營銷型網(wǎng)站建設(shè)、用戶體驗(yàn)

廣告

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