Lighthouseを使ã£ã¦Vuex.jsã§æ›¸ã„ãŸãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã‚’爆速化ã™ã‚‹ - Kekeã®æ—¥è¨˜æœ¬è¨˜äº‹ã¯Vue.js Advent Calendar 2018ã®ç¬¬3日目ã®è¨˜äº‹ã§ã™ã€‚ ã¯ã˜ã‚ã« GCPã®ç„¡æ–™æž ãŒçµ‚了ã—ãŸãŸã‚ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆã¯ã‚¯ãƒãƒ¼ã‚ºãƒ‰ã—ã¾ã—ãŸãŒã€å¼•ã続ã本記事ã¯ã”覧ã„ãŸã ã‘ã¾ã™ã€‚ ç§ã¯ä»¥å‰ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ãªã©ã®é¸è€ƒã«å‚™ãˆã¦è‡ªåˆ†ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆãªã‚‹ã‚‚ã®ã‚’作りã¾ã—ãŸã€‚ ã—ã‹ã—ã€ã‚ã¾ã‚Šã«é€Ÿãデプãƒã‚¤ã—ãŸã‹ã£ãŸã“ã¨ã‹ã‚‰ãƒ‘フォーマンスã«ã¤ã„ã¦ä¸€åˆ‡ç„¡è¦–ã—ãŸçµæžœã€ã¨ã¦ã¤ã‚‚ãªãé…ã„サイトãŒã§ãã¦ã—ã¾ã„ã¾ã—ãŸã€‚ çµå±€ã€ä»–人ã«è¦‹ã›ã‚‹ã«ã¯æ¥ãšã‹ã—ã„サイトã«ãªã£ã¦ã—ã¾ã„ã€ä»Šå›žã®è¨˜äº‹ã§çˆ†é€Ÿã«ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ サイトã¯ã“ã¡ã‚‰ã§ã€SEO対ç–ã‚„OGPも実装ã—ãŸã®ã§ä»¥ä¸‹ã®ã‚ˆã†ã«å±•é–‹ã•ã‚Œã¾ã™ã€‚ è¦ç´„ 自分ã®ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆãŒãƒãƒ¼ãƒ‰ã¾ã§8秒近ãã‹ã‹ã£ã¦ã„ãŸã®ãŒã‚ャッシュ込ã¿ã§0.3秒ãらã„ã«ãªã£ãŸ クリティカルレンダリングパスを知るã“ã¨ãŒé‡è¦ Chrome DevToolを使ã„倒ã™ã¨ã‚ˆ
{{#tags}}- {{label}}
{{/tags}}