Perfmap - Webページパフォーマンスをヒートマップ化MOONGIFTã¯ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアを紹介ã™ã‚‹ãƒ–ãƒã‚°ã§ã™ã€‚2021å¹´07月16æ—¥ã§æ›´æ–°åœæ¢ã—ã¾ã—㟠Webサイトã®è¡¨ç¤ºé€Ÿåº¦ã¯é‡è¦ã§ã™ã€‚スマートフォンãªã©ã«ãŠã„ã¦ã‚‚表示ãŒé«˜é€Ÿã«è¡Œãˆãªã‘ã‚Œã°è¨ªå•è€…ã¯ã‚ã£ã¨ã„ã†é–“ã«é›¢ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚Google Chromeãªã©ã®é–‹ç™ºè€…用ツールã§ã¯ãƒªã‚½ãƒ¼ã‚¹å˜ä½ã§ä¸€è¦§è¡¨ç¤ºã¯ã§ãã¾ã™ãŒã€ä»Šã²ã¨ã¤å®Ÿæ„Ÿã¨ã—ã¦æ²¸ãã¥ã‚‰ã„ã®ãŒé›£ç‚¹ã§ã™ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒPerfmapã§ã™ã€‚リソースå˜ä½ã®è¡¨ç¤ºé€Ÿåº¦ã‚’ヒートマップ風ã«ãƒ“ジュアル化ã—ã¦ãれるGoogle Chrome機能拡張ã§ã™ã€‚ Perfmapã®ä½¿ã„æ–¹ Perfmapã¯Chrome Web Storeã§é…ä¿¡ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ç°¡å˜ã§ã™ã€‚アイコンãŒè¡¨ç¤ºã•ã‚ŒãŸã‚‰æº–備完了ã§ã™ã€‚ ãã—ã¦ä»»æ„ã®Webサイトを表示ã—ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã—ã¾ã™ã€‚ ç·‘ã§ã‚ã‚Œã°ç·ã˜ã¦å•é¡Œã¯ãªã„ã§ã—ょã†ã€‚2ã¤ã®æ•°å—ãŒã‚ã‚Šã€ä¸€ã¤ç›®ã¯ãƒšãƒ¼ã‚¸ãŒ
{{#tags}}- {{label}}
{{/tags}}