首頁  >  文章  >  web前端  >  HTML5 預先載入讓頁面得以快速呈現

HTML5 預先載入讓頁面得以快速呈現

高洛峰
高洛峰原創
2017-02-09 17:36:472744瀏覽

預先載入是一種瀏覽器機制,使用瀏覽器空閒時間來預先下載/載入使用者接下來很可能會瀏覽的頁面/資源,當使用者造訪某個預先載入的連結時,如果從快取命中,頁面就得以快速呈現 瀏覽器廠商和開發者之間共同努力的方向就是讓網站更快。現在已經有許多廣為人知的加速解決方案:CSS sprites(CSS精靈,拼圖)以及圖像優化,分散式設定檔(.htaccess),JS/文字檔壓縮,CDN加速等。

我在另一篇文章中介紹了 如何讓網站更快。
FireFox推廣一種新的網站加速策略: 連結預先載入。什麼是連結預載? MDN描述如下:

預先載入是一種瀏覽器機制,使用瀏覽器空閒時間來預先下載/載入使用者接下來很可能會瀏覽的頁面/資源。頁面提供給瀏覽器需要預先載入的集合。瀏覽器載入目前頁面完成後,將會在背景下載需要預先載入的頁面並新增到快取中。當使用者造訪某個預先載入的連結時,如果從快取命中,頁面就得以快速呈現。

簡單概述:網站根據使用者分析,讓瀏覽器後台下載指定頁面/文件/圖片,實作超easy:

HTML5預先載入標籤

複製程式碼

複製程式碼


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn