我學院：html5的頁面預加載技術詳解

《我學院：html5的頁面預加載技術詳解》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在行業(yè)資料-天天文庫。

1、學IT技能上我學院網(wǎng)woxueyuan.comHTML5的頁面預加載技術Linkprefetch詳解不管是瀏覽器的開發(fā)者還是普通web應用的開發(fā)者，他們都在做一個共同的努力：讓Web瀏覽有更快的速度感覺。有很多已知的技術都可以讓你的網(wǎng)站速度變得更快：使用CSSsprites，使用圖片優(yōu)化工具，使用.htaccess設置頁面頭信息和緩存時間，JavaScript壓縮，使用CDN等。我曾經(jīng)介紹過本站上使用的一些速度優(yōu)化技術。而在HTML5里，出現(xiàn)了一個新的用來優(yōu)化網(wǎng)站速度的新功能：頁面資源預加載/預讀取(Linkprefetch)。

2、頁面資源預加載/預讀取(Linkprefetch)是什么？來自MDN的解釋:頁面資源預加載(LinkUnity3D

3、Cocos

4、php

5、HTML5

6、Java

7、ios

8、Android

9、C#

10、AS3

11、UI設計

12、原畫設計

13、動漫美術

14、游戲策劃學IT技能上我學院網(wǎng)woxueyuan.comprefetch)是瀏覽器提供的一個技巧，目的是讓瀏覽器在空閑時間下載或預讀取一些文檔資源，用戶在將來將會訪問這些資源。一個Web頁面可以對瀏覽器設置一系列的預加載指示，當瀏覽器加載完當前頁面后，它會在后臺靜悄悄的加載指定的文檔，并把它們存儲在緩存里。當

15、用戶訪問到這些預加載的文檔后，瀏覽器能快速的從緩存里提取給用戶。簡單說來就是：讓瀏覽器預先加載用戶訪問當前頁后極有可能訪問的其他資源(頁面，圖片，視頻等)。而且方法超級的簡單！HTML5頁面資源預加載(Linkprefetch)寫法

16、-content/uploads/2014/04/b-334x193.jpg"/>HTML5頁面資源預加載/預讀取(Linkprefetch)功能是通過Link標記實現(xiàn)的，將rel屬性指定為“prefetch”，在href屬性里指定要加載資源的地址?；鸷鼮g覽器里還提供了一種額外的屬性支持：Unity3D

17、Cocos

18、php

19、HTML5

20、Java

21、ios

22、Android

23、C#

24、AS3

25、UI設計

26、原畫設計

27、動漫美術

28、游戲策劃學IT技能上我學院網(wǎng)woxueyuan.com

29、sheet"title="DesignedforMozilla"href="mozspecific.css"/>HTTPS協(xié)議資源下也可以使用prefetch。什么情況下應該預加載頁面資源在你的頁面里加載什么樣的資源，什么時候加載，這完全取決于你。下面是一些建議：·當頁面有幻燈片類似的服務時，預加載/預讀取接下來的1-3頁和之前的1-3頁。·預加載那些整個網(wǎng)站通用的圖片?！ゎA加載網(wǎng)站上搜索結果的下一頁。禁止頁面資源預加載(Linkprefetch)火狐瀏覽器里有一個選項

30、可以禁止任何的頁面資源預加載(Linkprefetch)功能，你可以這樣設置：user_pref("network.prefetch-next",false);頁面資源預加載(Linkprefetch)注意事項Unity3D

31、Cocos

32、php

33、HTML5

34、Java

35、ios

36、Android

37、C#

38、AS3

39、UI設計

40、原畫設計

41、動漫美術

42、游戲策劃學IT技能上我學院網(wǎng)woxueyuan.com下面是一些關于頁面資源預加載(Linkprefetch)的注意事項：·預加載(Linkprefetch)不能跨域工作，包括跨域拉取cookies

43、?！ゎA加載(Linkprefetch)會污染你的網(wǎng)站訪問量統(tǒng)計，因為有些預加載到瀏覽器的頁面用戶可能并未真正訪問?！せ鸷鼮g覽器從2003年開始就已經(jīng)提供了對這項預加載(Linkprefetch)技術的支持。利用瀏覽器空閑時間加載一些額外的資源文件，這樣在你瀏覽網(wǎng)頁的時候速度會更快，用戶體驗更佳，大大的增加了網(wǎng)頁的速度和網(wǎng)站的整體體驗。Unity3D

44、Cocos

45、php

46、HTML5

47、Java

48、ios

49、Android

50、C#

51、AS3

52、UI設計

53、原畫設計

54、動漫美術

55、游戲策劃