一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

名站技術分析 - 淺談tudou.com首頁圖片延遲加載的效果

  經常上tudou網,發(fā)現tudou首頁加載圖片的功能很有意思,tudou首頁從"娛樂"這個板塊往下的所有視頻的縮略圖并不是在頁面打開后就加載的,

  而是當用戶拖動滾動條到了"娛樂"這個板塊,才開始加載圖片的。這樣做的好處當然是如果有用戶不需要查看下面的內容,則免去了下面所有圖片的請求,

  這對減少服務器的壓力還是很有幫助的。

   經常上tudou網,發(fā)現tudou首頁加載圖片的功能很有意思,tudou首頁從"娛樂"這個板塊往下的所有視頻的縮略圖并不是在頁面打開后就加載的,而是當用戶拖動滾動條到了"娛樂"這個板塊,才開始加載圖片的。這樣做的好處當然是如果有用戶不需要查看下面的內容,則免去了下面所有圖片的請求,這對減少服務器的壓力還是很有幫助的。

  實現:

  其實tudou的實現原理很簡單,

  1.先把所有需要延遲加載的圖片的src都設置成同1個小圖片的連接(sprite.gif),把真真圖片的連接放進圖片的alt屬性中,look下代碼:

 <a class="inner" target="new" title="史上最重街舞選手和最柔軟街舞選手" >   <img width="120" height="90" class="pack_clipImg lazyImg" alt="http://i01.img.tudou.com/data/imgs/i/051/720/095/p.jpg" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DAA"/></a>   

it知識庫名站技術分析 - 淺談tudou.com首頁圖片延遲加載的效果,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产高颜值露脸在线观看 | 视频一区二区在线观看 | 久久国产网站 | 激情深爱五月 | 日本高清在线精品一区二区三区 | 黄视频在线播放 | 亚洲区小说区图片区qvod伊 | 人成精品视频三区二区一区 | 欧美大片a特激情刺激 | 看全色黄大色黄大片免责看的 | 欧美yw精品日本国产精品 | 中文字幕 国产 | 亚洲大成色www永久网址 | 亚洲网站在线播放 | 亚洲一区视频在线播放 | 91精品国产免费 | 亚洲精品手机在线观看 | 亚洲欧美精品 | 色噜噜狠狠狠综合曰曰曰88av | 成 人 黄 色视频免费播放 | 国产一区二区在线观看免费 | 日本人videos18videos在线看 | 四虎精品国产一区二区三区 | 91麻豆精品激情在线观看最新 | 天天干天天干天天 | 玖玖在线免费视频 | 色人阁五月天 | 午夜爽爽性刺激一区二区视频 | 精品国产欧美一区二区三区成人 | 日韩免费视频在线观看 | 日本高清在线观看视频www | 久久久午夜精品 | 色优优影院 | 日本在线观看一级高清片 | 色综合天天色 | 五月婷婷开心 | 韩国三级久久网 | 日本成人社区 | www日本视频| 亚洲欧洲视频在线 | 国产免费美女视频 |