モダンWEBサイトã«ãŠã‘ã‚‹ç”»åƒæœ€é©åŒ–ã«ã¤ã„ã¦ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ã€ŽPicture perfect images with the modern img elementã€ã¨ã„ã†è¨˜äº‹ã‚’å‚考ã«ç”»åƒæœ€é©åŒ–ã«é–¢ã—ã¦ã®é‡è¦ãªè¦³ç‚¹ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ ç”»åƒã¯WEBã«ãŠã„ã¦ã‚‚é‡è¦ãªå½¹å‰²ã‚’æ‹…ã£ã¦ãŠã‚Šã€2021年時点ã§1ã¤ä»¥ä¸Šã®ç”»åƒã‚’å«ã‚€WEBサイトã¯95.9%ã€faviconãªã©ã‚‚å«ã‚ã¦1回ã§ã‚‚ç”»åƒå–å¾—ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ä¿¡ã™ã‚‹WEBサイトã¯99.9%ã§ã‚ã‚‹ã¨ã„ã†èª¿æŸ»ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã•ã‚‰ã«ã¯ã€LCPè¦ç´ ã®ç´„70%ãŒç”»åƒã§ã‚ã‚‹ã¨ã„ã†èª¿æŸ»ãŒå‡ºã¦ã„ã¾ã™ã€‚ Largest Contentful Paint（LCP）ã¯ã€GoogleãŒæå”±ã™ã‚‹Core Web Vitalsã®1ã¤ã§ã€ã‚¦ã‚§ãƒ–ページã®ãƒ‘フォーマンスを測る指標ã§ã™ã€‚詳ã—ãã¯æ¬¡ã®ç« ã§è§£èª¬ã—ã¾ã™ã€‚ ã¤ã¾ã‚Šã€WEBã®ãƒ‘フォーマンスã«ãŠã„ã¦ç”»åƒã®æœ€é©åŒ–ã¯é‡è¦ãªè¦³ç‚¹ã§ã‚りユーザ体験ã«ç›´çµã™ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ç”»åƒæœ€
Lighthouseã®ç‚¹æ•°ã‚’50点以上改善ã—ãŸãŠè©± – TravelBook Tech Blog
ユーザー体験をå‘上ï¼Yahoo!ニュースã«ãŠã‘ã‚‹Core Web Vitals対応事例
{{#tags}}- {{label}}
{{/tags}}