DevTools ã®ä½¿ã„方をå¯èƒ½ãªé™ã‚Šã‚¹ã‚¯ã‚·ãƒ§ä»˜ãã§è§£èª¬ã—ã¦ã¿ã‚‹ä»¥ä¸‹ã®å…¬é–‹è¨ˆæ¸¬ä¼šã§ã‚„ã£ãŸã‚‚ã®ã‚’個別ã«è§£èª¬ã—ã¦ã¿ã‚‹ã€‚ ç´°ã‹ã„テクニックãŒå¤šã„ã®ã ãŒã€ãれをå¯èƒ½ãªé™ã‚Šãƒ†ã‚ストã¨ã‚¹ã‚¯ã‚·ãƒ§ã§è§£èª¬ã—ãŸã„。使ã„æ–¹ã®è§£èª¬ãŒä¸å¿ƒã§ã€ã©ã†ã„ã†æ„味ãŒã‚ã‚‹ã‹ã¯è§£èª¬ã—ãªã„。 Chrome131時点ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã§ã€å¾Œã§èªã‚€å ´åˆã¯é »ç¹ã«UIãŒå¤‰ã‚ã£ã¦ã„る点ã«æ³¨æ„。大事ãªã®ã¯æ„図。 宣ä¼: ã“れを御社ã®ã‚µã‚¤ãƒˆã§è§£èª¬ã™ã‚‹ä»•äº‹ã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ デモã®URL ã“ã‚Œã«æ„味ã¯ãªãã€ä»Šæ—¥å¶ç„¶è¦‹ã¦ã„ãŸã ã‘ã§æ„図ã¯ãªã„。関係ãªã„ãŒã‚¨ãƒƒã‚¸ãƒ©ãƒ³ãƒŠãƒ¼ã‚ºã¯æœ€é«˜ã®ã‚¢ãƒ‹ãƒ¡ã€‚ DevTools ã‚’é–‹ã F12 or å³ã‚¯ãƒªãƒƒã‚¯ã‹ã‚‰ã€Œæ¤œè¨¼ã€ DevTools > Lighthouse ã“ã®çŠ¶æ…‹ã§è¨ˆæ¸¬ ã“ã®ã¨ãã€æ–°ã—ã„プãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’作ã£ãŸã‚Šã—ã¦ã€å¯èƒ½ãªé™ã‚Š Chromeæ‹¡å¼µãŒå…¥ã£ã¦ãªã„状態ã«ã™ã‚‹ã“ã¨ã€‚Chromeæ‹¡å¼µã«ã‚ˆã‚‹å‡¦ç†ã‚‚計測ã«å«ã¾ã‚Œã¦ã—ã¾ã†ã€‚ Lighthouse レãƒãƒ¼ãƒˆã®èªã¿æ–¹ 点数部分ã«ãƒžã‚¦ã‚¹
{{#tags}}- {{label}}
{{/tags}}