我曾經介紹過本站上使用的一些速度優化技術。而在HTML5里,出現了一個新的用來優化網站速度的新功能:頁面資源預加載/預讀取(Link prefetch)。
頁面資源預加載/預讀取(Link prefetch)是什么?來自MDN的解釋:
頁面資源預加載(Link prefetch)是瀏覽器提供的一個技巧,目的是讓瀏覽器在空閑時間下載或預讀取一些文檔資源,用戶在將來將會訪問這些資源。一個Web頁面可以對瀏覽器設置一系列的預加載指示,當瀏覽器加載完當前頁面后,它會在后臺靜悄悄的加載指定的文檔,并把它們存儲在緩存里。當用戶訪問到這些預加載的文檔后,瀏覽器能快速的從緩存里提取給用戶。
簡單說來就是:讓瀏覽器預先加載用戶訪問當前頁后極有可能訪問的其他資源(頁面,圖片,視頻等)。而且方法超級的簡單!
HTML5頁面資源預加載(Link prefetch)寫法
新聞熱點
疑難解答