前言

今天我們來(lái)用一種冷門(mén)玩法來(lái)實(shí)現(xiàn)頁(yè)面預(yù)緩存，來(lái)加速自己的網(wǎng)站！

什么是預(yù)加載

通常情況下，網(wǎng)頁(yè)的加載是從打開(kāi)鏈接的一刻才開(kāi)始的，瀏覽器需要加載對(duì)應(yīng)的代碼、圖片等，如果請(qǐng)求過(guò)多的話，花費(fèi)的時(shí)間會(huì)很久。

而網(wǎng)頁(yè)預(yù)加載，則是在你打開(kāi)對(duì)應(yīng)的鏈接之前，網(wǎng)頁(yè)就已經(jīng)開(kāi)始請(qǐng)求與下載相應(yīng)的內(nèi)容到瀏覽器中，當(dāng)你真正打開(kāi)該網(wǎng)頁(yè)時(shí)，就可以直接從瀏覽器的緩存中讀取，從而大大提升網(wǎng)頁(yè)的打開(kāi)速度

好了廢話不多說(shuō)，直接上教程！

使用教程

把這個(gè) HTML 片段放在 </body> 之前：

<script src="http://instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>

當(dāng)然如果你是 wordpress 的話，我們直接在后臺(tái)搜索安裝 Instant.page 插件就行了。

本人不太喜歡后臺(tái)插件過(guò)多，所以用代碼來(lái)實(shí)現(xiàn)效果！