instant.page
  • 258 views,
  • 03-01,
  • 上傳者: Kuann Hung,
  •  0
57e590d098320117531b900d86f5badc.png
最近發現一個有趣的東西,instance.page,這也是一個新的頂級域名,滿有趣的。
只要在你的 html 最後面 (建議是在 </body> 前面) 加上下面這段語法即可:
<script src="//instant.page/3.0.0" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>
現在老洪的 IT 也加上了這段語法,感受一下,特別是用滑鼠產生 hover 行為的時候,點擊後是不是變快了呢?!~
 
其實這是一個偷吃步的方法,作法很簡單,只是去監控 hover 的動作,把有 URL 的透過 prefetch 的方式,在點擊之前就 "偷偷" 下載了。
自然而然,在點下連結後,因為已經 cached 了,所以 "感受" 上就會變快,只是對於一些像是 PageSpeed 之類的是沒用的。
但其實人都是很吃感覺的啦,只要感覺上有變快就 ok 囉~~
 
目前在 Chrome 的支援度最好,在Edge 暫時不支援~  Firefox 上還是會重新下載 (open bug),至於 Safari 13.0,預設就 disabled 了~
 
Facebook 討論區載入中...
資料夾 :
發表時間 :
2020-03-01 19:44:48
觀看數 :
258
發表人 :
Kuann Hung
部門 :
老洪的 IT 學習系統
QR Code :