久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

HTML5資源預加載(Link prefetch)詳細介紹(給你的網頁

HTML5資源預加載(Link prefetch)詳細介紹(給你的網頁加速)_html5教程技巧HTML5中文學習網,是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網站、HTML5資訊、HTML5應
點評:不管是瀏覽器的開發者還是普通web應用的開發者,他們都在做一個共同的努力:讓Web瀏覽有更快的速度感覺。有很多已知的技術都可以讓你的網站速度變得更快:使用CSS sprites,使用圖片優化工具,使用.htaccess設置頁面頭信息和緩存時間,JavaScript壓縮,使用CDN等

我曾經介紹過本站上使用的一些速度優化技術。而在HTML5里,出現了一個新的用來優化網站速度的新功能:頁面資源預加載/預讀取(Link prefetch)。

頁面資源預加載/預讀取(Link prefetch)是什么?來自MDN的解釋:

頁面資源預加載(Link prefetch)是瀏覽器提供的一個技巧,目的是讓瀏覽器在空閑時間下載或預讀取一些文檔資源,用戶在將來將會訪問這些資源。一個Web頁面可以對瀏覽器設置一系列的預加載指示,當瀏覽器加載完當前頁面后,它會在后臺靜悄悄的加載指定的文檔,并把它們存儲在緩存里。當用戶訪問到這些預加載的文檔后,瀏覽器能快速的從緩存里提取給用戶。

簡單說來就是:讓瀏覽器預先加載用戶訪問當前頁后極有可能訪問的其他資源(頁面,圖片,視頻等)。而且方法超級的簡單!

HTML5頁面資源預加載(Link prefetch)寫法

復制代碼
代碼如下:

<!-- 預加載整個頁面 -->
<link rel="prefetch" /></p><p><!-- 預加載一個圖片 -->
<link rel="prefetch" href=" <a >http://www.jb51.net/wordpress/</a>
wp-content/uploads/2014/04/b-334x193.jpg " />

HTML5頁面資源預加載/預讀取(Link prefetch)功能是通過Link標記實現的,將rel屬性指定為“prefetch”,在href屬性里指定要加載資源的地址。火狐瀏覽器里還提供了一種額外的屬性支持:

復制代碼
代碼如下:

<link rel="prefetch alternate stylesheet"
title="Designed for Mozilla" href="mozspecific.css" _fcksavedurl=""mozspecific.css"" />
<link rel="next" href="2.html" />

HTTPS協議資源下也可以使用prefetch。


什么情況下應該預加載頁面資源

在你的頁面里加載什么樣的資源,什么時候加載,這完全取決于你。下面是一些建議:

1.當頁面有幻燈片類似的服務時,預加載/預讀取接下來的1-3頁和之前的1-3頁。
2.預加載那些整個網站通用的圖片。
3.預加載網站上搜索結果的下一頁。

禁止頁面資源預加載(Link prefetch)

火狐瀏覽器里有一個選項可以禁止任何的頁面資源預加載(Link prefetch)功能,你可以這樣設置:

1.user_pref("network.prefetch-next", false);
2.頁面資源預加載(Link prefetch)注意事項

下面是一些關于頁面資源預加載(Link prefetch)的注意事項:

1.預加載(Link prefetch)不能跨域工作,包括跨域拉取cookies。
2.預加載(Link prefetch)會污染你的網站訪問量統計,因為有些預加載到瀏覽器的頁面用戶可能并未真正訪問。
3.火狐瀏覽器從2003年開始就已經提供了對這項預加載(Link prefetch)技術的支持。

利用瀏覽器空閑時間加載一些額外的資源文件,看起來是既刺激又危險,你想試試這些技術嗎?


【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

主站蜘蛛池模板: 色综合天天综合网国产成人网 | 麻豆av片 | 国产一区在线视频 | 丰满少妇高潮 | 亚洲成人动漫在线观看 | 亚洲精品福利视频 | 亚洲精品一二三区 | 在线观看不卡av | 久久久一区二区 | 欧美黄色片在线观看 | 国产精品xxx | 人人爱人人插 | 性做久久| 亚洲天天操 | www.久久久 | 国产视频一区二区在线观看 | 国产精品美女久久久久av爽 | 97超碰在线免费观看 | 亚洲国产成人在线 | 欧美在线免费观看视频 | 午夜激情福利 | 艳妇臀荡乳欲伦交换h漫 | 日本黄a三级三级三级 | 久草福利资源站 | 免费色片| 91精品国产色综合久久不卡98 | 欧美日韩在线播放 | 国产美女网站 | 高清免费av | 国产高潮在线观看 | 精品久久久久久久久久久久久 | 成人毛片一区二区三区 | 成人日韩在线 | 亚洲成人黄色 | 国产中文在线 | 一级特黄妇女高潮 | 国产福利视频在线 | 福利在线观看 | 亚洲黄色在线视频 | 天天视频黄 | 久久精品视频免费 |