ã“ã‚Œãªã‚‰ã™ã”ãç°¡å˜ï¼ãƒšãƒ¼ã‚¸ã‚’高速ã«è¡¨ç¤ºã•ã›ã‚‹Lazy Loadを実装ã§ãる超軽é‡ãƒ©ã‚¤ãƒ–ラリ -Lazyestload.js | コリス最近ã¯Lazy Loadを採用ã—ã¦ã„るサイトãŒå¢—ãˆã¦ã„ã¾ã™ã。 Lazy Loadã¨ã¯ã€ç”»åƒã‚„iframeコンテンツãªã©ãŒè¦‹ãˆã¦ã„ãªã„状態（ビューãƒãƒ¼ãƒˆå¤–）ã¯ãƒãƒ¼ãƒ‰ã•ã›ãšã«ã€è¦‹ãˆã¯ã˜ã‚ãŸçŠ¶æ…‹ï¼ˆãƒ“ューãƒãƒ¼ãƒˆå†…）ã®æ™‚ã ã‘ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã€ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚’速ãã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ ãã‚“ãªLazy Loadを外部ファイルã¨imgè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãる超軽é‡JavaScriptライブラリを紹介ã—ã¾ã™ã€‚ Lazyestload.js -GitHub Lazyestload.jsã®ç‰¹å¾´ Lazyestload.jsã®ãƒ‡ãƒ¢ Lazyestload.jsã®ä½¿ã„æ–¹ Lazyestload.jsã®ç‰¹å¾´ Lazy Loadを外部ファイルã¨imgè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§å®Ÿè£…。 ç”»åƒã¯ãƒ“ューãƒãƒ¼ãƒˆå†…ã«ã‚る時ã€ãŠã‚ˆã³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåœæ¢ã—ãŸæ™‚ã«ãƒãƒ¼ãƒ‰ã€‚ ãƒãƒ¼ãƒ‰å‰ã®çŠ¶æ…‹ã¯ã€CSSã§ç°¡å˜ã«ã‚¹
Chromeã®æ–°æ©Ÿèƒ½ãŒã™ã”ã„便利ï¼imgã‚„iframeã«lazyloadå±žæ€§ã‚’åŠ ãˆã‚‹ã ã‘ã§LazyLoad対応ã«
{{#tags}}- {{label}}
{{/tags}}