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