免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

有三個不常見的HTML5實(shí)用新特性簡介

2024-01-03    分類: 網(wǎng)站建設(shè)

眾所周知,解析 DNS 是網(wǎng)站性能優(yōu)化的比較重要的一部分,雖然加載時間不太長,但是很難壓縮起來。特別是為了并發(fā)下載資源而使用多個 CDN 域名來加載資源的大型網(wǎng)站,更不可忽視,每加載資源之前都要先進(jìn)行 CDN 域名的 DNS 解析轉(zhuǎn)換。 如果采用 DNS 預(yù)加載,支持該功能的瀏覽器就會提前對該域名進(jìn)行 DNS 解析并且緩存一下,而不會在需要請求資源再進(jìn)行解析。而且這個功能應(yīng)用實(shí)在是太簡單: 代碼如下: 淘寶網(wǎng)就應(yīng)用了這項(xiàng)技術(shù),你可以打開淘寶網(wǎng),查看源代碼,最頂端就把他們的一些 CDN 服務(wù)器進(jìn)行了 DNS 解析緩存。 二、資源預(yù)加載 資源預(yù)加載有很多辦法,例如常見的圖片預(yù)加載,有采用 CSS 的背景圖片來預(yù)加載,大部分還是用 JS。目前 HTML5 提供了專門的資源預(yù)加載方法,有兩個屬性:prefetch(預(yù)讀取)和 prerender(預(yù)渲染),分別被 Firefox 和 Chrome 瀏覽器支持。 1).PREFETCH 預(yù)讀取 預(yù)讀取就是很常見的資源預(yù)加載,當(dāng)前頁面加載完成之后,就會在后面偷偷的下載你指定的資源,一般是 JS 、CSS 和 圖片 這類的,也可以下載頁面: 代碼如下: 注意,目前 Firefox 瀏覽器支持這個功能。 2).PRERENDER 預(yù)渲染 這個更厲害了,不僅偷偷的提前下載,而且還給你渲染出來,當(dāng)用戶點(diǎn)擊鏈接的時候,立刻給你展現(xiàn)出來。 代碼如下: 注意,目前 Chrome 支持這個功能。 搜素引擎其實(shí)是最需要這種預(yù)讀取的功能的,因?yàn)樗麄兎浅4_定用戶下一步要打開的頁面(搜索結(jié)果頁面),所以當(dāng)用戶輸入搜索內(nèi)容的時候,就可以提前把搜索結(jié)果頁面的資源提前加載,而且應(yīng)用之后,效果十分明顯。 目前兼容性是個缺點(diǎn),貌似只有 Chrome 和 Firefox 支持,而且用的 rel 屬性是不同的,如果你想同時兼容兩個瀏覽器,可以寫成下面這樣: 代碼如下: 此外,當(dāng)然為了安全沒法跨域預(yù)加載資源,可能沒法用在 CDN 了。 三、Download 屬性 HTML5 的 Download 屬性用來強(qiáng)制瀏覽器下載對應(yīng)文件,而不是打開。Chrome 和 Firefox 等瀏覽器太過于強(qiáng)大,也許是為了增強(qiáng)用戶體驗(yàn),當(dāng)用戶點(diǎn)擊的資源文件可以被它們識別的時候(例如 pdf 會直接在瀏覽器打開,mp3、mp4 等媒體直接用瀏覽器內(nèi)置播放器播放)。但有時候,用戶其實(shí)是希望直接下載而不是在瀏覽器上看看,這時就可以加上這個屬性,屬性值會對下載的文件重命名: 本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!

網(wǎng)站標(biāo)題:有三個不常見的HTML5實(shí)用新特性簡介
網(wǎng)頁網(wǎng)址:http://m.newbst.com/news26/311826.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名全網(wǎng)營銷推廣App開發(fā)靜態(tài)網(wǎng)站營銷型網(wǎng)站建設(shè)動態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司