這是一篇能加快載入網頁顯示的速度, 利用少少代碼, 就能針對網站載入速度加快, 但它並不會提升網站測試的分數.
下圖所示, 就是加入框內的script內容.
<script src=”//instant.page/5.1.0″ type=”module” integrity=”sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw”></script>
它的原理是利用游標移到連結上一會兒, 然後會預先載入要連結的網頁內容, 當點擊連結之後, 此時畫面會比平常還要快顯示出來.
當按下[Copy snippet]之後, 會顯示如下內容:
Copied. Now place it just before </body> on your pages.
此時需要進入cPanel後台加入此代碼.
如果不熟悉如何加入, WordPress中也可以安裝此外掛, 搜尋[Instant.page],然後安裝/啟用就可以了!
這裡是從cPanel中–>public_html\wp-content\themes\[您的佈景主題名稱]\, 開啟footer.php
把在instant.page網站中copy的內容, 直接貼在</body>標籤之前就可以了, 如下圖所示, 記得最後要儲存才會生效!
總結:
透過短短的代碼, 可以使網站在顯示內容時, 有提升些許的速度, 畢竟是利預先載入內容的機制, 所以會感受到網站的速度有所提升.
