instant.page – 預先加載超連結頁面,加快網站載入速度並提升頁面轉化率

今天要介紹的一個免費的線上服務「instant.page」,它的功能在於,當你加入一段由 instant.page 所提供的 JavaScript 檔案後,它就能夠幫助你的網站在使用者點擊網站當中的超連結時,預先加載頁面。

你知道網站延遲會導致排名下降,更嚴重甚至會使電子商務網站的轉化率降低嗎?

Amazon 曾經統計過自身的網站載入時間 ,發現每當它們的網站載入時間降低 0.1 秒,就能降低 1% 的銷售成本

在 2012 年時,當 Amazon 網站的載入時間每增加 1 秒,它們就會損失高達 16 億美元的銷售額。 由此可知,網站載入時間對於網站甚至於電子商務網站的重要性。

今天要介紹的一個免費的線上服務「instant.page」,它的功能在於,當你加入一段由 instant.page 所提供的 JavaScript 檔案後,它就能夠幫助你的網站在使用者點擊網站當中的超連結時,預先加載頁面。

因此,在使用者體驗上,訪客會覺得載入時間突然變快了。透過這種有點「作弊」的感覺,提升使用者體驗。

更棒的是,「instant.page」現在還有提供 WordPress Plugin,如果你的網站是使用 WordPress,那麼就可以直接安裝它的 Plugin 使用。

網站名稱: instant.page
網站連結: https://instant.page/

instant.page 教學

在使用者點擊網頁內的連結之前,一定會將滑鼠移至連結上,接著才會進行點選。而 instant.page 的功效就是在於,在滑鼠移至連結與點擊之間的過程中,預先加載該連結的頁面內容,讓使用者點選後感到有比平常更快的載入速度。

你可以在 instant.page 上測試一下這種預先加載的效果,按下「Test your clicking speed」就能顯示加快了多少毫秒的速度。

在 instant.page 上測試一下預先加載能夠加快多少毫秒Pin
在 instant.page 上測試一下預先加載能夠加快多少毫秒
步驟一

複製 JavaScript 語法

首先,前往「instant.page」網站,在開頭你就可以看到一段程式碼能夠複製,點選「Copy snippet」就能將需要的語法複製起來:

點選 Copy snippet 就能複製 JavaScript 語法Pin
點選 Copy snippet 就能複製 JavaScript 語法
步驟二

將代碼放到 </body> 之前

複製好這段程式碼後,只需要此代碼複製到網站的 </body> 之前,就能套用預先載入頁面連結的功能了。

額外資訊

instant.page WordPress 外掛

instant.page 也提供了 WordPress 的專用外掛,如果你的網站是採用 WordPress 系統,那麼直接安裝 instant.page 的 Plugin 就可以使用了。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 668

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


目錄
Share to...