亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

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

2024-08-26 00:16:36
字體:
來源:轉載
供稿:網友

點評:預加載是一種瀏覽器機制,使用瀏覽器空閑時間來預先下載/加載用戶接下來很可能會瀏覽的頁面/資源,當用戶訪問某個預加載的鏈接時,如果從緩存命中,頁面就得以快速呈現

瀏覽器廠商和開發者之間共同努力的一個方向就是讓網站更快?,F在已有很多廣為人知的加速解決方案:CSS sprites(CSS精靈,拼圖)以及圖像優化,分布式配置文件(.htaccess),JS/文本文件壓縮,CDN加速等。

我在另一篇博文中介紹了 如何讓網站更快。
FireFox推介一種新的網站加速策略: 鏈接預加載。什么是鏈接預加載?MDN描述如下:

預加載是一種瀏覽器機制,使用瀏覽器空閑時間來預先下載/加載用戶接下來很可能會瀏覽的頁面/資源。頁面提供給瀏覽器需要預加載的集合。瀏覽器載入當前頁面完成后,將會在后臺下載需要預加載的頁面并添加到緩存中。當用戶訪問某個預加載的鏈接時,如果從緩存命中,頁面就得以快速呈現。

簡單概述:網站根據用戶分析,讓瀏覽器后臺下載指定頁面/文檔/圖片,實現起來超easy:

HTML5預加載標簽

復制代碼

代碼如下:


<!-- 頁面,可以使用絕對或者相對路徑 -->
<link href="page2.html" />
<!-- 圖片,也可以是其他類型的文件 -->
<link href="sprite.png" />



從上面的HTML代碼可以看出,預加載使用 <link> 標簽,并指定 rel="prefetch" 屬性,而href屬性就是需要預加載的文件路徑。而Mozilla還實現了一些類似的 link rel 屬性:

復制代碼

代碼如下:


<link href="mozspecific.css" />
<link href="2.html" />


備注: https 協議也同樣支持。

何時需要預加載
網站是否采用預加載取決于你的需求,下面是一些建議:
- 如果一系列的頁面幻燈片一樣展示,那么可以預加載前后各1至3個頁面.
- 加載網站內部通用的圖片
- 在搜索結果頁預加載下一頁

阻止預加載
Firefox 允許禁止預加載模式,代碼如下:

復制代碼

代碼如下:


user_pref("network.prefetch-next", false);


注意事項
關于鏈接預加載,有如下注意事項:
- 預加載可以跨域進行,當然,請求時cookie等信息也會被發送。
- 預加載可能破壞網站統計數據,而用戶并沒有實際訪問。
- Mozilla Firefox 是目前唯一支持預加載模式的瀏覽器,(2003-2010)
你怎么認為呢?使用空閑時間下載額外的文件屬于一種激進的優化

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91精品国产综合久久香蕉最新版| 精品香蕉一区二区三区| 欧美高清在线观看| 亚洲第一页中文字幕| 国产精品扒开腿做爽爽爽视频| 在线中文字幕日韩| 96sao精品视频在线观看| 国产日韩精品电影| 亚洲激情小视频| 欧美成人亚洲成人| 久久免费福利视频| 久久香蕉频线观| 亚洲天堂免费观看| 国产精品电影久久久久电影网| 国产日韩综合一区二区性色av| 国产午夜精品一区二区三区| 亚洲a一级视频| 欧美在线视频免费播放| 欧美日韩激情视频| 国内成人精品视频| 亚洲国产高清福利视频| 欧美猛交ⅹxxx乱大交视频| 98精品国产自产在线观看| 欧美成人性色生活仑片| 欧美裸体xxxx| 亚洲偷欧美偷国内偷| 久久亚洲私人国产精品va| 另类视频在线观看| 亚洲精品www久久久久久广东| 成人久久一区二区三区| 欧美性jizz18性欧美| 亚洲级视频在线观看免费1级| 亚洲白拍色综合图区| 亚洲精品综合久久中文字幕| 日韩av在线免费看| 色婷婷av一区二区三区在线观看| 91九色国产在线| 97在线免费观看视频| 性欧美亚洲xxxx乳在线观看| 日韩成人激情视频| 久久精品久久精品亚洲人| 26uuu日韩精品一区二区| 国产欧美日韩高清| 97av视频在线| 伊人久久大香线蕉av一区二区| 欧美一级免费看| 中文字幕精品视频| 久久久噜久噜久久综合| 5566成人精品视频免费| 中文字幕亚洲无线码在线一区| 欧美日韩一区二区在线| 成人久久久久久久| 亚洲电影在线看| 精品国产欧美一区二区五十路| 欧美俄罗斯乱妇| 久久精品夜夜夜夜夜久久| 欧美日韩午夜剧场| 中文字幕亚洲专区| 亚洲精品久久久久久久久久久| 久久久久久国产免费| 亚洲欧洲在线视频| 久久久久久久国产| 亚洲成色777777女色窝| 亚洲男女自偷自拍图片另类| 久久99热这里只有精品国产| 国产日韩在线亚洲字幕中文| 日韩乱码在线视频| 成人国产精品久久久久久亚洲| 久久久久成人网| 色av中文字幕一区| 成人网中文字幕| 日韩在线精品一区| 欧美成人免费在线观看| 91九色视频导航| 欧美成人性生活| 成人免费淫片视频软件| 色诱女教师一区二区三区| 久久精品99久久久久久久久| 在线观看日韩av| 国产在线精品成人一区二区三区| 亚洲3p在线观看| 亚洲毛片在线观看| 国产91色在线播放| 亚洲欧美国产精品专区久久| 91老司机精品视频| 精品亚洲男同gayvideo网站| 91在线免费看网站| 伦理中文字幕亚洲| 人人做人人澡人人爽欧美| 精品日韩中文字幕| 精品久久久久久久中文字幕| 欧美日韩国产影院| 97免费视频在线播放| 午夜精品免费视频| 成人深夜直播免费观看| 亚洲精品影视在线观看| 日韩美女在线看| 国产精品国产自产拍高清av水多| 久久99视频免费| 欧美亚洲国产视频| 亚洲天堂成人在线| 欧美小视频在线| 九九久久久久99精品| 日韩视频免费在线| 538国产精品一区二区在线| 18一19gay欧美视频网站| 久久久精品免费| 久久精品久久久久| 国产成人一区二区三区小说| 国产精品一区二区电影| 国产精品福利网站| 欧美一级淫片播放口| 成人av电影天堂| 国产亚洲日本欧美韩国| 亚洲欧洲美洲在线综合| 超碰日本道色综合久久综合| 日韩av在线一区二区| 国模极品一区二区三区| 久热精品在线视频| 欧美精品第一页在线播放| 国产精品久久久久久久久久久久| 狠狠躁夜夜躁人人爽超碰91| 亚洲免费电影在线观看| 日韩小视频网址| 欧美视频一二三| 欧美大片第1页| 456亚洲影院| 久久精品99国产精品酒店日本| 久久精品久久久久电影| 国产日韩专区在线| 国产精品热视频| 欧美在线不卡区| 亚洲国产欧美一区二区三区久久| 成人激情视频小说免费下载| 国产精品∨欧美精品v日韩精品| 亚洲精品视频久久| 国模精品视频一区二区| 黑人欧美xxxx| 久久亚洲精品国产亚洲老地址| 高清欧美性猛交xxxx黑人猛交| 久久久噜久噜久久综合| 一区国产精品视频| 国产福利成人在线| 这里只有精品丝袜| 国产精品一区二区久久久久| 久久久久久久国产精品视频| 国产a级全部精品| 亚洲在线第一页| 高清欧美性猛交| 亚洲黄色在线看| 国产成人综合一区二区三区| 国产丝袜一区二区三区| 91精品免费看| 亚洲色图18p| 欧美精品在线观看91| 国产主播在线一区| 国产精品成人品| 国产亚洲人成网站在线观看| 性夜试看影院91社区| 亚洲精品国偷自产在线99热| 97视频色精品| 国产成人精品一区二区三区| 91免费综合在线| 中文字幕亚洲激情|