ç”»åƒã‚’é…延ãƒãƒ¼ãƒ‰ã™ã‚‹å®šç•ªjQueryプラグイン「Lazy Loadã€ç”»åƒã‚’é…延ãƒãƒ¼ãƒ‰ã™ã‚‹å®šç•ªjQueryプラグイン「Lazy Loadã€ã‚’紹介ã—ã¾ã™ã€‚ ï¼‘ï¼Žæ¦‚è¦ jQueryプラグイン「Lazy Loadã€ã‚’使ã£ã¦ç”»åƒã‚’é…延ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰æ™‚ã®HTTPリクエストを減らã™ã“ã¨ãŒã§ãã¾ã™ã€‚ 以å‰ã€ã€ŒLazy Loadã€ã‚’使ã£ã¦ã‚‚æ–°ã—ã„ブラウザã§ã¯HTTPリクエスト回数ãŒæ¸›ã‚‰ãªã„å•é¡ŒãŒã‚ã£ãŸã‚ˆã†ã§ã™ãŒã€2012å¹´11月ç¾åœ¨ã¯æ”¹å–„ã•ã‚Œã¦ã„ã¾ã™ã€‚ å‚考：HTML5時代ã®jquery.lazyloadã¯ç”»åƒã®data-original属性を使ㆠ改善後ã®ä»•çµ„ã¿ã¯ã€imgè¦ç´ ã®src属性ã«ãƒ€ãƒŸãƒ¼ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’指定ã—ã¦ãŠãã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰å¾Œã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã£ã¦imgè¦ç´ ãŒè¡¨ç¤ºé ˜åŸŸã«å…¥ã£ãŸæ®µéšŽã§data-original属性ã«æŒ‡å®šã—ãŸç”»åƒã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <img src="grey.gif" data-original="foo.jpg" width="6
スクãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ç”»åƒã‚’é…延èªè¾¼ã•ã›ã‚‹Lazy Loadプラグイン
» ç°¡å˜ã«ç”»åƒã‚’é…延表示ã§ãる軽é‡Jsライブラリã€Echo.js】IT土方ã®æƒ…熱
{{#tags}}- {{label}}
{{/tags}}