JavaScriptã®"Lazy Loading"ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚間を検証ã™ã‚‹ | ゆã£ãã‚Šã¨â€¦å…ˆæ—¥ã€YSlow ㌠2.1.0 ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã•ã‚Œã¾ã—ãŸã€‚リリースノートを見るã¨ã€ä¸»ã«æ¬¡ã®2ã¤ãŒç›®ã«ä»˜ãã¾ã™ã€‚ imgã€linkã€scriptã€iframe ã‚¿ã‚°ã€ã‚ã‚‹ã„㯠JavaScript ã® Image() オブジェクトç‰ã«ãŠã„ã¦ã€ç©ºã® src ã‚„ href 属性をãƒã‚§ãƒƒã‚¯ã—減点ã™ã‚‹æ–°ãŸãªãƒ«ãƒ¼ãƒ« 「画åƒã«å¯¾ã™ã‚‹ç©ºã® src ã¯é¿ã‘ã‚ˆã€ ã‚’è¿½åŠ ã—ãŸã€‚ head タグ内ã«å‹•çš„ã« script タグを挿入ã™ã‚‹ Deferred Script ã¯ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’妨ã’ãšã€ãƒšãƒ¼ã‚¸å†…ã®ä»–è¦ç´ ã¨å¹³è¡Œã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ãŸã‚ã€ãƒ«ãƒ¼ãƒ« 「JavaScript ã¯ãƒšãƒ¼ã‚¸ã®æœ€å¾Œã«ã€ ã®æ¸›ç‚¹å¯¾è±¡ã¨ã—ãªã„ãƒã‚¸ãƒƒã‚¯ã‚’è¿½åŠ ã—ãŸã€‚ 1. ã¯ã€ç©ºã® src ãŒã‚ã£ãŸå ´åˆã€ãƒ–ラウザãŒã“れをç¾åœ¨ã®ãƒšãƒ¼ã‚¸ã¨è§£é‡ˆã—å†åº¦ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ã¦ã—ã¾ã†çµæžœã€ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯ãŒå€ã«ãªã£ã¦ã—ã¾ã†ã¨ã„ã†å•é¡Œã«å¯¾ã™ã‚‹ãƒšãƒŠãƒ«ãƒ†ã‚£ãƒ¼ã¨ã—ã¦è¿½åŠ ã•ã‚Œã¾
Private Presentation
ç±³Yahoo!ã§è°è«–ã•ã‚ŒãŸã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã®å°†æ¥ï¼ˆå‰ç·¨ï¼‰
{{#tags}}- {{label}}
{{/tags}}