這篇文章主要介紹Html5中prefetch和prerender有什么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站長(zhǎng)期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為兗州企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)，兗州網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

prerender / prefetch

其實(shí)是為了提升網(wǎng)頁(yè)加載速度而但是一直通過(guò)預(yù)加載來(lái)實(shí)現(xiàn)，提升用戶感受的方式，例如用戶在首頁(yè)停留2s, 而這2s里面我們就已經(jīng)加載了一個(gè)用戶可能要打開(kāi)的頁(yè)面，那么用戶打開(kāi)的速度會(huì)非常快. 給用戶的感受也是極好的

HTML5 Prerender / Prefetch名詞解釋

prefetch usage:

It should be used for fetching and caching resources for later user navigation as per the official HTML5 spec (i.e. prefetching a css file to be used in a page which highly likely to be used by the user in his upcoming navigation). Supported in Chrome, Firefox & IE.

簡(jiǎn)單說(shuō)就是緩存下一個(gè)網(wǎng)頁(yè)的資源，是HTML5的新特性, 支持的瀏覽器有Chrome(13以后),  Firefox, IE 11

prerender usage:

It should be used for prerendering a complete page that the user will highly likely navigate to it in his upcoming navigation (i.e. like prerendering the next article where it is highly likely that the user will click on “next article” button). Supported only in Chrome & IE.

Prerender是Google的一個(gè)發(fā)明，正在提升用戶減少用戶在加載時(shí)的等待, 通過(guò)最相近匹配原則來(lái)加載例如“下一頁(yè)”的文章., 例如最佳推薦，當(dāng)用戶訪問(wèn)A頁(yè)面的時(shí)候, 用戶最可能訪問(wèn)的下一個(gè)頁(yè)面上B 那么就預(yù)加載B頁(yè)面, 以達(dá)到提升加載速度的效果, 支持的瀏覽器有Chrome , IE11

使用方法

is actually part of the HTML 5 spec.
appears to be Google doing their own thing.

第一中方法是 將以上鏈接添加到xxx

第二種方法是 使用JS代碼注入方式；

var myHead = document.getElementsByTagName(‘head’)[0];
var myLink = document.createElement(‘link’);
myLink.setAttribute(‘rel’, ‘prerender’);
myLink.setAttribute(‘href’, ‘http://apple.com/ipad’);
myHead.appendChild(myLink);

或者使用Jquery方法：

$(“head”).append(‘www.guoli.biz/’);

以上是“Html5中prefetch和prerender有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享標(biāo)題：Html5中prefetch和prerender有什么用-創(chuàng)新互聯(lián)
文章起源：http://weahome.cn/article/dcdpsg.html