中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

優(yōu)化輪播廣告的加載方式,大大減少了頁面的加載量

2022-06-19    分類: 網(wǎng)站建設(shè)

首先,將圖片的路徑存儲(chǔ)在img標(biāo)簽的一個(gè)非src屬性中,LOL首頁是存儲(chǔ)在rel屬性中的,此舉是避免頁面直接加載圖片。優(yōu)化輪播廣告的加載方式,然后使用JS的監(jiān)聽方法(IE是attachEvent,其他瀏覽器是addEventListener),監(jiān)聽頁面的scroll事件。一旦頁面滾動(dòng),就會(huì)執(zhí)行一個(gè)編寫的函數(shù),來判斷圖片是否處于瀏覽器的當(dāng)前一屏內(nèi),如果是,將rel屬性內(nèi)的地址賦值給src屬性,如果不是,繼續(xù)監(jiān)聽。當(dāng)板塊內(nèi)的所有圖片都被加載后,取消監(jiān)聽。LOL官網(wǎng)首頁的活動(dòng)板塊和媒體合作板塊均使用了這種技術(shù),大大減少了頁面的加載量。

簡(jiǎn)單的說,本地存儲(chǔ)就是為網(wǎng)頁通過客戶端網(wǎng)頁瀏覽器在本地存儲(chǔ)鍵值對(duì)的一個(gè)方法。就像Cookie,就算你離開了網(wǎng)站,關(guān)閉了瀏覽器標(biāo)簽,退出瀏覽器等等,數(shù)據(jù)也會(huì)一直存在。與Cookie不同的是,數(shù)據(jù)絕不會(huì)向遙遠(yuǎn)的網(wǎng)絡(luò)服務(wù)器傳送(除非你使用其他方法來手動(dòng)傳輸)。不同于提供長(zhǎng)期本地存儲(chǔ)的上述所有嘗試,它在網(wǎng)頁瀏覽器內(nèi)以原生的方式執(zhí)行,因此在第三方瀏覽器插件失效的情況下它也能有效執(zhí)行。

我們對(duì)于支持HTML5的瀏覽器(Firefox、Chrome、Safari、Opera等),使用HTML5的localStorage提供的方法;對(duì)于IE瀏覽器,使用IE提供的userData方法;對(duì)于其他瀏覽器使用常規(guī)方法加載內(nèi)容。

userData是IE提供的一個(gè)本地存儲(chǔ)方法,他將需要存儲(chǔ)的內(nèi)容放置在本地的一個(gè)XML文件中,并在頁面的一個(gè)元素中設(shè)置一個(gè)調(diào)用的錨點(diǎn)。具體使用方法為:使用getElementById獲取頁面內(nèi)的一個(gè)元素,使用addBehavior(“#default#userData”)對(duì)其添加本地存儲(chǔ)的行為;使用setAttribute將需要存儲(chǔ)的內(nèi)容對(duì)其進(jìn)行賦值,并用save(“XXX”)方法將內(nèi)容存儲(chǔ)在名為XXX的XML文件中;使用load(“XXX”)方法加載本地的XXX.xml文件,并用getAttribute獲取已經(jīng)存儲(chǔ)的內(nèi)容。

其實(shí)這是很多大型網(wǎng)站都使用了的方法,比如淘寶、拍拍等等。這次在游戲官網(wǎng)里做一個(gè)嘗試,效果不錯(cuò),初期為首頁節(jié)省了幾十K的下載量,因?yàn)椴煌@示器分辨率不同,所以第一屏高度不一樣,這個(gè)數(shù)據(jù)有所浮動(dòng)。

網(wǎng)頁名稱:優(yōu)化輪播廣告的加載方式,大大減少了頁面的加載量
網(wǎng)址分享:http://www.rwnh.cn/news27/169027.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、搜索引擎優(yōu)化App設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)公司、Google、品牌網(wǎng)站設(shè)計(jì)

廣告

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

成都網(wǎng)站建設(shè)公司
乐平市| 雷山县| 林西县| 宁明县| 丘北县| 沁水县| 苗栗县| 镇沅| 淮滨县| 株洲市| 泽州县| 大庆市| 江油市| 利辛县| 文成县| 阿坝县| 黑龙江省| 肇州县| 凌云县| 石嘴山市| 会昌县| 呼伦贝尔市| 六枝特区| 渝北区| 迁安市| 交城县| 巴塘县| 遂溪县| 天柱县| 汾阳市| 白山市| 东乡县| 南溪县| 吴川市| 察隅县| 崇明县| 丰顺县| 得荣县| 修文县| 永善县| 兴业县|