近些年來(lái),越來(lái)越多的JavaScript框架(即AngularJS,BackboneJS,ReactJS)變得越來(lái)越流行。許多公司和開(kāi)發(fā)人員使用這些JavaScript框架開(kāi)發(fā)應(yīng)用程序。這些框架有很多的優(yōu)勢(shì):
前端和后端獨(dú)立開(kāi)發(fā)
JavaScript框架+RESTFUL的API(或微服務(wù)架構(gòu))
SPA(Single Page Application)
某種程度上有利于提高開(kāi)發(fā)效率
但是使用JavaScript框架對(duì)前臺(tái)尤其是需要支持搜索引擎的頁(yè)面是很有問(wèn)題的,這是因?yàn)槲覀兪褂眠@些框架基本上都是基于虛擬元素或?qū)傩院蚃avaScript綁定JSON對(duì)象,都是SEO不友好的。很多搜索引擎,社交媒體,爬蟲(chóng)甚至不支持抓取JavaScript的網(wǎng)頁(yè)。
很慶幸的是,我們可以使用PreRender.io預(yù)渲染頁(yè)面(PreRender.io通過(guò)執(zhí)行頁(yè)面上的JavaScript,然后呈現(xiàn)給搜索引擎爬蟲(chóng))。
什么是PreRender.io預(yù)渲染
Prerender.io是基于Node.js的程序,它可以讓你的JavaScript網(wǎng)站支持搜索引擎,社交媒體,并且它兼容所有的JavaScript框架和庫(kù)。它采用PhantomJS渲染JavaScript的網(wǎng)頁(yè)然后呈現(xiàn)為HTML。此外,我們可以實(shí)現(xiàn)的prerender服務(wù)層來(lái)緩存訪問(wèn)過(guò)的頁(yè)面,這將大大提高性能。