網站預加載是指提前加載網頁中所需的資源,以便在用戶需要時可以立即使用,從而提高頁面的加載速度和性能??梢酝ㄟ^優化網頁性能和用戶體驗來提高網站的轉化率,但需要注意不要過度預加載,以免浪費帶寬和服務器資源,同時也需要考慮預加載的資源是否真正被用戶所需要。
常見的預加載方法包括以下幾種:
DNS預加載:通過提前解析域名的DNS記錄,以便在需要建立連接時可以立即使用解析結果。
圖片預加載:將頁面中所需的圖片資源提前加載到瀏覽器中,以便在需要顯示時可以立即使用。
CSS和JavaScript預加載:將頁面所需的CSS和JavaScript文件提前加載到瀏覽器中,以便在需要時可以立即執行。
預渲染:將頁面提前渲染好并保存在瀏覽器中,以便在用戶訪問時可以立即顯示。
dns-prefetch使用方法
dns-prefetch有沒有用呢,DNS Prefetch即DNS預獲取,是前端優化的一部分,一般一次dns解析需要20-100毫米左右,所以減少DNS解析時間和次數是個很好的優化方式
找到主題header.php文件添加即可
<meta http-equiv="x-dns-prefetch-control" content="on" /> <link rel="dns-prefetch" href="//sdk.51.la" /> <link rel="dns-prefetch" href="//cdn.staticfile.org" /> <link rel="dns-prefetch" href="//lf6-cdn-tos.bytecdntp.com" />
instant.page使用方法
instant.page 是一種網站預加載技術,它可以通過在用戶點擊鏈接之前預先加載頁面來提高網頁的加載速度。具體來說,當用戶的鼠標懸停在一個鏈接上超過 65 毫秒時,瀏覽器就會開始預加載該頁面。當用戶點擊鏈接時,瀏覽器就會從預加載的緩存中直接讀取頁面內容,從而避免了重新加載頁面的延遲。
代碼添加到網站的body標簽之前(也可放入自定義js里面)
<script type="module" src="存放路徑"></script>
Github:https://github.com/instantpage/instant.page
也可以使用CDN路徑:
<script src="https://raw.githubusercontents.com/instantpage/instant.page/master/instantpage.js" type="module"></script>
采用了7ed加速服務,github原鏈接raw.githubusercontent.com
替換成raw.githubusercontents.com
,多了一個"s",很方便。