ãŠã§ããµã€ãã®é床ãšãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãã°ããŒãã«ã«æé©åããããã«ãããã³ããšã³ãããã©ãŒãã³ã¹ããžã§ãããå®è£ ããæ¹æ³ãåŠã³ãŸããããèªã¿èŸŒã¿æéã®ççž®ãSEOã®åäžãããŸããŸãªããã€ã¹ãšãããã¯ãŒã¯ã§ã®ãšã³ã²ãŒãžã¡ã³ãã®åŒ·åãå®çŸããŸãã
ããã³ããšã³ãããã©ãŒãã³ã¹ããžã§ããïŒãªãœãŒã¹å¶çŽã®ç®¡ç
仿¥ã®æ¥éã«å€åããããžã¿ã«äžçã§ã¯ããŠã§ããµã€ãã®ããã©ãŒãã³ã¹ãæãéèŠã§ãããŠã§ããµã€ãã®é床ãé ããšããŠãŒã¶ãŒã®äžæºããšã³ã²ãŒãžã¡ã³ãã®äœäžããããŠæçµçã«ã¯ããžãã¹ã®æå€±ã«ã€ãªããå¯èœæ§ããããŸããããã§ãããã³ããšã³ãããã©ãŒãã³ã¹ããžã§ããã®åºçªã§ãããããã¯ããªãœãŒã¹ã®å¶çŽã管çããäžçäžã®ãŠãŒã¶ãŒã«é«éã§å¿çæ§ã®é«ãé åçãªãŠã§ããšã¯ã¹ããªãšã³ã¹ãä¿èšŒããããã®éèŠãªã³ã³ããŒãã³ãã§ãã
ããã³ããšã³ãããã©ãŒãã³ã¹ããžã§ãããšã¯ïŒ
ããã³ããšã³ãããã©ãŒãã³ã¹ããžã§ããã¯ããŠã§ããµã€ãã®ããŸããŸãªããã©ãŒãã³ã¹ã¡ããªãã¯ã«å¯Ÿããäºåå®çŸ©ãããå¶éã§ãããããã®ã¡ããªãã¯ã«ã¯ä»¥äžãå«ãŸããŸãã
- åèšããŒãžãµã€ãºïŒäŸïŒMBåäœïŒïŒããŠã³ããŒãããããã¹ãŠã®ãªãœãŒã¹ïŒHTMLãCSSãJavaScriptãç»åããã©ã³ãïŒã®åèšãµã€ãºãå¶éããŸãã
- HTTPãªã¯ãšã¹ãã®æ°ïŒãµãŒããŒãªã¯ãšã¹ãã®æ°ãå¶éããŠããããã¯ãŒã¯ãªãŒããŒããããæå°éã«æããŸãã
- èªã¿èŸŒã¿æéïŒäŸïŒç§åäœïŒïŒæåã®ãªã¯ãšã¹ãããå®å šãªã€ã³ã¿ã©ã¯ãã£ããã£ãŸã§ã®ãŠã§ããµã€ãã®èªã¿èŸŒã¿é床ã®ç®æšãèšå®ããŸãã
- First Contentful Paint (FCP)ïŒæåã®ã³ã³ãã³ãèŠçŽ ãç»é¢ã«ã¬ã³ããªã³ã°ããããŸã§ã®æéãæž¬å®ããèŠèŠçãªé²æç¶æ³ã瀺ããŸãã
- Time to Interactive (TTI)ïŒããŒãžãå®å šã«ã€ã³ã¿ã©ã¯ãã£ãã«ãªãã¿ã€ãã³ã°ã決å®ãããŠãŒã¶ãŒããã¿ã³ãã¯ãªãã¯ããããã¹ã¯ããŒã«ããããããŒãžãšå¯Ÿè©±ãããã§ããããã«ããŸãã
- Largest Contentful Paint (LCP)ïŒãã¥ãŒããŒãå ã§è¡šç€ºãããæå€§ã®ç»åãŸãã¯ããã¹ããããã¯ã®ã¬ã³ããªã³ã°æéãæž¬å®ãããŠãŒã¶ãŒãæåã«è¡šç€ºããäž»ãªã³ã³ãã³ãã衚ããŸãã
- Cumulative Layout Shift (CLS)ïŒããŒãžã®èªã¿èŸŒã¿äžã«äºæããªãã¬ã€ã¢ãŠãã®ãããæž¬å®ããããšã«ãããèŠèŠçãªå®å®æ§ãå®éåããŸãã
ãããã®ããžã§ãããèšå®ããããã«åŸãããšã§ããªãœãŒã¹ãç©æ¥µçã«ç®¡çãããŠã§ããµã€ãã®ããã©ãŒãã³ã¹ãæé©åããå šäœçãªãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãåäžãããããšãã§ããŸããããã¯ããããã¯ãŒã¯ã®ç¶æ ãããã€ã¹ã®æ©èœãããã³ãŠãŒã¶ãŒã®æåŸ ãããŸããŸãªå°åãåœã§å€§ããç°ãªããããã°ããŒãã«ãªèŠèŽè ã«ãšã£ãŠç¹ã«éèŠã§ãã
ãªãããã©ãŒãã³ã¹ããžã§ãããéèŠãªã®ãïŒ
ããã©ãŒãã³ã¹ããžã§ããã¯ãããã€ãã®éèŠãªå©ç¹ãæäŸããŸãã
- ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã®åäžïŒèªã¿èŸŒã¿æéã®ççž®ã¯ããã幞ããªãŠãŒã¶ãŒã«ã€ãªããããŠã§ããµã€ãã«æ»åšããã³ã³ãã³ããæ¢çŽ¢ããã³ã³ããŒãžã§ã³ããå¯èœæ§ãé«ããªããŸããããã¯ãã€ã³ã¿ãŒãããé床ãé ãå°åã垯åå¹ ã®å©çšãå¶éãããŠããå°åã§ç¹ã«éèŠã§ãã
- SEOã®åŒ·åïŒGoogleãªã©ã®æ€çŽ¢ãšã³ãžã³ã¯ãŠã§ããµã€ãã®é床ãåªå ããŸããé«éãªãŠã§ããµã€ãã¯ãæ€çŽ¢çµæã§äžäœã«ã©ã³ã¯ã€ã³ãããããªãããªãŒã¬ããã¯ãã©ãã£ãã¯ãšå¯èŠæ§ãåäžããŸããBaiduïŒäžåœïŒãYandexïŒãã·ã¢ïŒãªã©ã®æ€çŽ¢ãšã³ãžã³ãããã©ãŒãã³ã¹ãèæ ®ããŠããŸãã
- ã³ã³ããŒãžã§ã³ã®å¢å ïŒãŠã§ããµã€ãã®é床ãéããšãã³ã³ããŒãžã§ã³çãé«ããªãããšããããããŸãããŠãŒã¶ãŒã¯ãé«éã«èªã¿èŸŒãŸãããŠã§ããµã€ããæŸæ£ããå¯èœæ§ãäœããªããããå€ãã®è²©å£²ããµã€ã³ã¢ããããã®ä»ã®ç®çã®ã¢ã¯ã·ã§ã³ã«ã€ãªãããŸããããã¯ãåœãå°åã«é¢ä¿ãªãæ®éçã«é©çšãããŸãã
- ã³ã¹ãåæžïŒãŠã§ããµã€ãã®ããã©ãŒãã³ã¹ãæé©åãããšããã¹ãã£ã³ã°ã³ã¹ãã垯åå¹ ã®äœ¿çšéãããã³ãµãŒããŒã®è² è·ãåæžã§ããŸããããã¯ãããããèŠæš¡ã®äŒæ¥ããã¹ãŠã®å Žæã§æçã§ãã
- ã¢ã¯ã»ã·ããªãã£ã®åäžïŒããã©ãŒãã³ã¹ã®é«ããŠã§ããµã€ãã¯ãå€ãã®å Žåãããã¢ã¯ã»ã¹ãããããªããŸããæ¯æŽæè¡ã䜿çšããŠããé害ã®ãããŠãŒã¶ãŒããèªã¿èŸŒã¿æéã®ççž®ãšããã¹ã ãŒãºãªãšã¯ã¹ããªãšã³ã¹ã®æ©æµãåããŸãã
- ç«¶äºäžã®åªäœæ§ïŒä»æ¥ã®ç«¶äºã®æ¿ããç¶æ³ã§ã¯ãé«éã§å¿çæ§ã®é«ããŠã§ããµã€ãã¯ãç«¶åä»ç€Ÿã«å¯ŸããŠå€§ããªåªäœæ§ãããããå¯èœæ§ããããŸããç¹ã«ãã¢ãã€ã«ãŠãŒã¶ãŒã®å²åãé«ãåœã§ã¯ããã§ãã
ããã©ãŒãã³ã¹ããžã§ããã®èšå®ïŒå®è·µçãªã¬ã€ã
广çãªããã©ãŒãã³ã¹ããžã§ãããèšå®ããã«ã¯ãæ éãªæ€èšãšæŠç¥çãªã¢ãããŒããå¿ èŠã§ããã¹ããããã€ã¹ãããã¬ã€ãã¯æ¬¡ã®ãšããã§ãã
1. ç®æšãå®çŸ©ãã
ããžã§ãããèšå®ããåã«ãããã©ãŒãã³ã¹ã®ç®æšãæç¢ºã«å®çŸ©ããŸããäœãéæããããšããŠããŸããïŒç¹å®ã®èªã¿èŸŒã¿æéãSEOã©ã³ãã³ã°ã®åäžããŸãã¯ã³ã³ããŒãžã§ã³ã®å¢å ãç®æããŠããŸããïŒã¿ãŒã²ãããªãŒãã£ãšã³ã¹ã®ç¹å®ã®ããŒãºãèæ ®ãããã®å žåçãªããã€ã¹ããããã¯ãŒã¯ã®ç¶æ ãæåçæåŸ ãªã©ã®èŠçŽ ãèæ ®ããŠãã ãããããšãã°ãã€ã³ãã®ãŠãŒã¶ãŒã¯ãæ¥æ¬ã®ãŠãŒã¶ãŒããããã€ã³ã¿ãŒãããé床ã®é ãã¢ãã€ã«ããã€ã¹ã«å€§ããäŸåããå¯èœæ§ããããŸãã
2. ããã©ãŒãã³ã¹ç£æ»ã宿œãã
Google PageSpeed InsightsãWebPageTestãLighthouseããŸãã¯GTmetrixãªã©ã®ããŒã«ã䜿çšããŠãçŸåšã®ãŠã§ããµã€ãã®ããã©ãŒãã³ã¹ãåæããŸãããããã®ããŒã«ã¯ããŠã§ããµã€ãã®èªã¿èŸŒã¿æéããªãœãŒã¹ãµã€ãºãããã³ãã®ä»ã®é¢é£ã¡ããªãã¯ã«é¢ãã貎éãªæŽå¯ãæäŸããŸããæ¹åã®äœå°ãç¹å®ããæã圱é¿åã®ããæé©åãåªå ããŸããããã¯ãå°ççãªå Žæã«é¢ä¿ãªãæ®éçã«é©çšãããéèŠãªã¹ãããã§ãã
3. ã¡ããªãã¯ãéžæãã
ç®æšã«æãé¢é£æ§ã®é«ãããã©ãŒãã³ã¹ã¡ããªãã¯ãéžæããŸãã以äžãæ€èšããŠãã ããã
- åèšããŒãžãµã€ãºïŒããã¯åºæ¬çãªã¡ããªãã¯ã§ããããŠã³ããŒãæéãæå°éã«æããããã«ãå°ããªããŒãžãµã€ãºãç®æããŸãã
- èªã¿èŸŒã¿æéïŒãªãŒãã£ãšã³ã¹ã®æåŸ ãšæ¥çå¹³åã«åºã¥ããŠãç®æšã®èªã¿èŸŒã¿æéãèšå®ããŸããäžè¬çã«ããŠã§ããµã€ãã¯3ç§ä»¥å ãã§ããã°2ç§ä»¥å ã«èªã¿èŸŒãããšãç®æãã¹ãã§ããç¹ã«ã¢ãã€ã«ã§ã¯ããã§ãã
- First Contentful Paint (FCP)ïŒããã¯ããŠãŒã¶ãŒãç»é¢ã§ã³ã³ãã³ããæåã«è¡šç€ºããç¬éã§ããFCPãéããšãèªèãããããã©ãŒãã³ã¹ãåäžããŸãã
- Time to Interactive (TTI)ïŒããã¯ãããŒãžãå®å šã«ã€ã³ã¿ã©ã¯ãã£ãã«ãªãã¿ã€ãã³ã°ã瀺ããŸãã
- Largest Contentful Paint (LCP)ïŒããã¯ãæå€§ã®è¡šç€ºå¯èœãªã³ã³ãã³ãèŠçŽ ã®èªã¿èŸŒã¿æéãæž¬å®ããŸãã
- Cumulative Layout Shift (CLS)ïŒCLSãæå°éã«æããŠããŠãŒã¶ãŒãã€ã©ã€ã©ãããå¯èœæ§ã®ããã¬ã€ã¢ãŠãã®äºæããªããããæžãããŸãã
- HTTPãªã¯ãšã¹ãã®æ°ïŒãªã¯ãšã¹ããå°ãªãã»ã©ãéåžžã¯èªã¿èŸŒã¿æéãçããªããŸãã
Core Web Vitalsãããã³ãããŒã¯ããããã®äž»èŠãªã¡ããªãã¯ã»ãããšããŠäœ¿çšããããšãæ€èšããŠãã ããããããã®ã¡ããªãã¯ã¯ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã«çŽæ¥é¢é£ããŠãããSEOã«ãšã£ãŠãŸããŸãéèŠã«ãªã£ãŠããŸãã
4. çŸå®çãªããžã§ãããèšå®ãã
ç®æšãããã©ãŒãã³ã¹ç£æ»ãããã³éžæããã¡ããªãã¯ã«åºã¥ããŠãçŸå®çã§éæå¯èœãªããžã§ãããèšå®ããŸããéæãé£ããå¯èœæ§ã®ãããããŸãã«ãç©æ¥µçãªããžã§ãããèšå®ããªãã§ãã ãããé©åºŠãªç®æšããå§ããŠããŠã§ããµã€ããæé©åããã«ã€ããŠãæéããããŠèª¿æŽããŸããç°ãªãããã€ã¹ã¿ã€ãïŒãã¹ã¯ããããã¢ãã€ã«ïŒãšãããã¯ãŒã¯ã®ç¶æ ïŒé«éãäœéïŒã«å¯ŸããŠãç°ãªãããžã§ãããèšå®ããéå±€çãªã¢ãããŒããæ€èšããŠãã ãããããšãã°ããµãã©ä»¥åã®ã¢ããªã«ãæ±åã¢ãžã¢ã®äžéšãªã©ãã€ã³ã¿ãŒãããé床ãé ãå°åã§ã¯ãã¢ãã€ã«ããã©ãŒãã³ã¹ããžã§ãããããå³ããããå¿ èŠãããå ŽåããããŸãã
5. æé©åã®ããã®ããŒã«ãšãã¯ããã¯ãéžæãã
ããã©ãŒãã³ã¹ããžã§ãããæºããããã«ãæé©åãã¯ããã¯ãå®è£ ããŸããããã€ãã®å¹æçãªæŠç¥ã¯æ¬¡ã®ãšããã§ãã
- ç»åæé©åïŒ
- ç»åãå§çž®ããŠããã¡ã€ã«ãµã€ãºãåæžããŸããTinyPNGãImageOptimããŸãã¯Kraken.ioãªã©ã®ããŒã«ã䜿çšããŸãã
- ã¬ã¹ãã³ã·ãç»åïŒ
<picture>ããã³<img>ã¿ã°ãšsrcsetããã³sizes屿§ïŒã䜿çšããŠããŠãŒã¶ãŒã®ããã€ã¹ãšç»é¢ãµã€ãºã«åºã¥ããŠããŸããŸãªç»åãµã€ãºãæäŸããŸãã - JPEGãPNGãšæ¯èŒããŠãããåªããå§çž®ãšå質ãæäŸããWebPãªã©ã®ææ°ã®ç»å圢åŒã䜿çšããŸãã
- ç»é¢ã«ããã«ã¯è¡šç€ºãããªãç»åãé å»¶èªã¿èŸŒã¿ããŸãã
- ã³ãŒãæé©åïŒ
- HTMLãCSSãããã³JavaScriptãã¡ã€ã«ããããã¡ã€ããŠãäžèŠãªæåãåé€ãããã¡ã€ã«ãµã€ãºãåæžããŸãã
- 䜿çšãããŠããªãCSSãšJavaScriptãåé€ããŠãããŠã³ããŒãããŠè§£æããå¿ èŠãããã³ãŒãéãåæžããŸãã
- ã³ãŒãåå²ã䜿çšããŠãJavaScriptã³ãŒãããå¿ èŠã«å¿ããŠèªã¿èŸŒãããšãã§ããå°ããªãã£ã³ã¯ã«åå²ããŸãã
- ã¬ã³ããªã³ã°ããããã¯ãããªãœãŒã¹ã«å¯ŸããŠCSSãšJavaScriptãæé©åããŸããéèŠãªCSSãã€ã³ã©ã€ã³åããŠããã°ããèªã¿èŸŒããããã«ããŸãã
- ããã©ãŒãã³ã¹ãéèŠãªå Žåã¯ãJavaScriptãã¬ãŒã ã¯ãŒã¯ã®äœ¿çšãé¿ããããæå°éã«æãããããŸãã
- ãã£ãã·ã¥ïŒ
- ãã©ãŠã¶ãã£ãã·ã¥ãå®è£ ããŠããŠã§ããµã€ãã®ãªãœãŒã¹ããŠãŒã¶ãŒã®ããã€ã¹ã«ä¿åããåŸç¶ã®èšªåã§ããŠã³ããŒãããå¿ èŠãæžãããŸãã
- ã³ã³ãã³ãããªããªãŒãããã¯ãŒã¯ïŒCDNïŒã䜿çšããŠããŠã§ããµã€ãã®ãªãœãŒã¹ããŠãŒã¶ãŒã«è¿ããµãŒããŒã«ãã£ãã·ã¥ããã¬ã€ãã³ã·ãæžãããèªã¿èŸŒã¿æéãççž®ããŸããããã¯ãããŸããŸãªã¿ã€ã ãŸãŒã³ã«ãŸãããã°ããŒãã«ãªèŠèŽè ã«ãšã£ãŠç¹ã«åœ¹ç«ã¡ãŸããããšãã°ãç±³åœããšãŒããããã¢ãžã¢ã«ãµãŒããŒãããCDNã䜿çšãããšããããã®å°åã«ãããŠãŒã¶ãŒã«ã³ã³ãã³ãããã°ããé ä¿¡ã§ããŸãã
- ãµãŒããŒåŽã®æé©åïŒ
- é«éãªå¿çæéã確ä¿ããããã«ããµãŒããŒæ§æãæé©åããŸãã
- ã³ã³ãã³ãããªããªãŒãããã¯ãŒã¯ïŒCDNïŒã䜿çšããŠããŠã§ããµã€ãã®ã³ã³ãã³ããã°ããŒãã«ã«ãã£ãã·ã¥ããŸãã
- ãã©ã³ãæé©åïŒ
- ããã©ãŒãã³ã¹ã®ããã«æé©åããããŠã§ããã©ã³ããéžæããŸãã
- éèŠãªãã©ã³ããããªããŒãããŠããã°ããèªã¿èŸŒãŸããããã«ããŸãã
- ãµãŒãããŒãã£ã®ãã©ã³ããµãŒãã¹ã䜿çšãã代ããã«ããã©ã³ããã»ã«ããã¹ãããããšãæ€èšããŠãã ããã
6. ã¢ãã¿ãŒãšæž¬å®
ãŠã§ããµã€ãã®ããã©ãŒãã³ã¹ãç¶ç¶çã«ç£èŠããããžã§ããã«å¯Ÿããé²æç¶æ³ã远跡ããŸããGoogle AnalyticsãGoogle Search Consoleãããã³ããã©ãŒãã³ã¹ç£èŠãã©ãããã©ãŒã ãªã©ã®ããŒã«ã䜿çšããŠãã¡ããªãã¯ã远跡ããŸãããŠã§ããµã€ãã®ããã©ãŒãã³ã¹ãèšå®ããããžã§ãããäžåã£ããšãã«éç¥ããã¢ã©ãŒããèšå®ããŸããããžã§ããã宿çã«ç¢ºèªãããŠã§ããµã€ãã®é²åãšãŠãŒã¶ãŒã®ããŒãºã®å€åã«åºã¥ããŠãå¿ èŠã«å¿ããŠèª¿æŽããŸããå®éã®ããã©ãŒãã³ã¹ãçè§£ããããã«ããŠãŒã¶ãŒã®è¡åãåæããããšãå¿ããªãã§ãã ãããããŸããŸãªããã€ã¹ã¿ã€ãããã©ãŠã¶ãããã³ã€ã³ã¿ãŒãããæ¥ç¶é床ãç£èŠããŸãããã®ããŒã¿ã¯ãããã«ããã¯ãç¹å®ããã¢ãããŒããæé©åããããã«éåžžã«è²Žéã§ãã
7. ååŸ©ãšæŽç·Ž
ããã©ãŒãã³ã¹ã®æé©åã¯é²è¡äžã®ããã»ã¹ã§ããããã©ãŒãã³ã¹ããžã§ããã宿çã«ç¢ºèªãããŠã§ããµã€ãã®ããã©ãŒãã³ã¹ããŒã¿ãåæããæé©åãã¯ããã¯ãå埩ããŸããææ°ã®ãŠã§ãããã©ãŒãã³ã¹ã®ãã¹ããã©ã¯ãã£ã¹ãšããŒã«ãåžžã«ææ¡ããŠãã ãããããã©ãŒãã³ã¹ã®åäžãšã»ãã¥ãªãã£ãããã®æ©æµãåããããã«ãã©ã€ãã©ãªãšäŸåé¢ä¿ã宿çã«æŽæ°ããŸãããã®å埩çãªã¢ãããŒãã¯ãã°ããŒãã«ãªèŠèŽè ã®ããŒãºãæºããé«éã§å¹ççãªãŠã§ããµã€ããç¶æããããã«äžå¯æ¬ ã§ãã
ã°ããŒãã«ãªèæ ®äºé
ã°ããŒãã«ãªèŠèŽè åãã®ããã©ãŒãã³ã¹ããžã§ãããå®è£ ããéã¯ã次ã®è¿œå ã®èŠçŽ ãèæ ®ããŠãã ããã
- ã³ã³ãã³ãããªããªãŒãããã¯ãŒã¯ïŒCDNïŒïŒCDNã¯ãå°ççã«å€æ§ãªå°åã«ã³ã³ãã³ããé ä¿¡ããããã«äžå¯æ¬ ã§ããã¿ãŒã²ãããªãŒãã£ãšã³ã¹ãååšããå°åã«ãµãŒããŒãããCDNãããã€ããŒãéžæããŸããããã«ãããã¬ã€ãã³ã·ãæžå°ããäžçäžã®ãŠãŒã¶ãŒã®èªã¿èŸŒã¿æéãççž®ãããŸããCloudflareãAmazon CloudFrontããŸãã¯Akamaiãªã©ã®CDNãªãã·ã§ã³ãæ€èšããŠãã ããã
- ããŒã«ãªãŒãŒã·ã§ã³ïŒããŸããŸãªèšèªãšæåçã³ã³ããã¹ãã«åãããŠãŠã§ããµã€ããæé©åããŸããããã«ã¯ãã³ã³ãã³ãã®ç¿»èš³ãã¬ã€ã¢ãŠãã®èª¿æŽãé©åãªæ¥ä»ãšæå»ã®åœ¢åŒã®äœ¿çšãå«ãŸããŸããããã©ãŒãã³ã¹ã®åãçµã¿ãšçµã¿åãããŠãåœéçãªSEOæŠç¥ãæé©åããããã«ããŠãã ããã
- ã¢ãã€ã«æé©åïŒã¢ãã€ã«ããã€ã¹ã¯ãå€ãã®äººã ãã€ã³ã¿ãŒãããã«ã¢ã¯ã»ã¹ããäž»èŠãªæ¹æ³ã§ããç¹ã«çºå±éäžåœã§ã¯ããã§ããã¬ã¹ãã³ã·ããã¶ã€ã³ã®å®è£ ãã¢ãã€ã«ããã€ã¹åãã®ç»åã®æé©åããªãœãŒã¹ã倧éã«æ¶è²»ããæ©èœã®äœ¿çšã®æå°åã«ãããã¢ãã€ã«ããã©ãŒãã³ã¹ãåªå ããŸããããã°ã¬ãã·ããŠã§ãã¢ããªïŒPWAïŒãã¯ããã¯ãå®è£ ããŠãã¢ãã€ã«ãšã¯ã¹ããªãšã³ã¹ãåäžãããäœéãªãããã¯ãŒã¯ã§ã®èªã¿èŸŒã¿æéãççž®ããŸããããŒãšã³ãã®ããã€ã¹ãšãããã¯ãŒã¯ã§ã®ãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãèæ ®ããŠãã ããã
- ãããã¯ãŒã¯ã®ç¶æ ïŒãããã¯ãŒã¯é床ã¯å°åã«ãã£ãŠå€§ããç°ãªãããšãèªèããŠãã ãããäœéãŸãã¯ä¿¡é Œæ§ã®äœãæ¥ç¶ã§ãé©åã«æ©èœããããã«ãŠã§ããµã€ããæé©åããŸããããã«ã¯ããªãœãŒã¹ã®ãµã€ãºãæå°éã«æããããã°ã¬ãã·ãããŒãã£ã³ã°ãã¯ããã¯ã䜿çšããéèŠãªã³ã³ãã³ããåªå ããããšãå«ãŸããŸãã
- ããã€ã¹ã®å€æ§æ§ïŒäžçäžã®ãŠãŒã¶ãŒã¯ããã€ãšã³ãã®ã¹ããŒããã©ã³ãã¿ãã¬ãããããå€ããäœé»åã®ããã€ã¹ãŸã§ãããŸããŸãªããã€ã¹ãããŠã§ããµã€ãã«ã¢ã¯ã»ã¹ããŸãããã¹ãŠã®ããã€ã¹ã«å¯ŸããŠãŠã§ããµã€ããæé©åãããŠããããšã確èªããŸããããŸããŸãªããã€ã¹ãšç»é¢ãµã€ãºã§ãŠã§ããµã€ãããã¹ãããŠãäžè²«ããããã©ãŒãã³ã¹ã®é«ããšã¯ã¹ããªãšã³ã¹ã確ä¿ããŸãã
- æåçãªæåæ§ïŒãŠã§ããµã€ããèšèšããã³æé©åããéã«ã¯ãæåçãªéãã«æ³šæããŠãã ãããã«ã©ãŒãã¬ãããç»åãã¡ãã»ãŒãžã³ã°ãªã©ã®èŠçŽ ãèæ ®ããŠãã ãããããŸããŸãªæåçèæ¯ãæã€ãŠãŒã¶ãŒã§ãŠã§ããµã€ãããã¹ãããŠãæœåšçãªåé¡ãç¹å®ããŸãã
- ã¿ã€ã ãŸãŒã³ïŒã³ã³ãã³ãã®æŽæ°ãŸãã¯ããã¢ãŒã·ã§ã³ãã¹ã±ãžã¥ãŒã«ãããšãã¯ãã¿ã€ã ãŸãŒã³ãèæ ®ããŠãã ãããé »ç¹ã«æŽæ°ãããã³ã³ãã³ãã«ã¯ããµãŒããŒåŽã®ã¬ã³ããªã³ã°ãŸãã¯ããªã¬ã³ããªã³ã°ã䜿çšããŸãã
ããã©ãŒãã³ã¹ããžã§ããã®ããã®ããŒã«ãšãã¯ãããžãŒ
ããŸããŸãªããŒã«ãšãã¯ãããžãŒããããã©ãŒãã³ã¹ããžã§ããã®å®è£ ãšç£èŠã«åœ¹ç«ã¡ãŸãã
- Google PageSpeed InsightsïŒå æ¬çãªããã©ãŒãã³ã¹åæãšæšå¥šäºé ãæäŸããŸãã
- WebPageTestïŒäžçäžã®ããŸããŸãªå Žæããã®è©³çްãªããã©ãŒãã³ã¹ãã¹ããšåæãæäŸããŸãã
- LighthouseïŒãŠã§ãããŒãžã®å質ãåäžãããããã®ãªãŒãã³ãœãŒã¹ã®èªååãããããŒã«ã§ãããã©ãŒãã³ã¹ãã¢ã¯ã»ã·ããªãã£ãSEOãããã³ãã¹ããã©ã¯ãã£ã¹ã«çŠç¹ãåœãŠãŠããŸãã
- GTmetrixïŒPageSpeedãšYSlowã®æŽå¯ãçµã¿åãããŠã詳现ãªããã©ãŒãã³ã¹ã¬ããŒããæäŸããŸãã
- Chrome DevToolsïŒãªãœãŒã¹ã®èªã¿èŸŒã¿ãšããã©ãŒãã³ã¹ã®ããã«ããã¯ã«é¢ãã貎éãªæŽå¯ãæäŸããŸãã
- ãã³ãã«ã¢ãã©ã€ã¶ãŒããŒã«ïŒJavaScriptãã³ãã«ã®ãµã€ãºãåæããããŒã«ã§ãã³ãŒãåå²ãšæé©åã®æ©äŒãç¹å®ããã®ã«åœ¹ç«ã¡ãŸãïŒäŸïŒwebpackãã³ãã«ã¢ãã©ã€ã¶ãŒãsource-map-explorerïŒã
- ããã©ãŒãã³ã¹ç£èŠãã©ãããã©ãŒã ïŒNew RelicãDatadogãDynatraceãªã©ã®ãµãŒãã¹ã¯ãç¶ç¶çãªããã©ãŒãã³ã¹ç£èŠãšã¢ã©ãŒããå¯èœã«ããŸãã
- CI / CDçµ±åïŒéçºããã»ã¹äžã«ããã©ãŒãã³ã¹ã®ååž°ãæ©æã«æ€åºããããã«ãããã©ãŒãã³ã¹ããžã§ãããã§ãã¯ãç¶ç¶çã€ã³ãã°ã¬ãŒã·ã§ã³/ç¶ç¶çããªããªãŒïŒCI / CDïŒãã€ãã©ã€ã³ã«çµ±åããŸããããã¯ãè€æ°ã®éçºè ããããžã§ã¯ãã«è²¢ç®ããŠããå Žåã«ç¹ã«éèŠã§ããLighthouse CIãªã©ã®ããŒã«ã¯ããã«ãããã»ã¹ã®äžç°ãšããŠããã©ãŒãã³ã¹ç£æ»ãèªåçã«å®è¡ã§ããŸãã
å®éã®äŸ
ããã€ãã®ã°ããŒãã«äŒæ¥ããŠã§ããšã¯ã¹ããªãšã³ã¹ãæé©åããããã«ã©ã®ããã«ããã©ãŒãã³ã¹ããžã§ããã䜿çšããŠããããèŠãŠã¿ãŸãããã
- AmazonïŒAmazonã¯ãé床ãšããã©ãŒãã³ã¹ã«éç¹ã眮ããŠããããšã§ç¥ãããŠããŸãã圌ãã¯ãç¹ã«ã¢ãã€ã«ããã€ã¹ã§ãé«éãªèªã¿èŸŒã¿æéã®ããã«ãŠã§ããµã€ããæé©åããããšã«å€é¡ã®æè³ãè¡ã£ãŠããŸããCDNãç»åæé©åããã®ä»ã®ããã©ãŒãã³ã¹ãã¯ããã¯ã®äœ¿çšã¯ãäžçäžã®ãŠãŒã¶ãŒã«ã·ãŒã ã¬ã¹ãªã·ã§ããã³ã°ãšã¯ã¹ããªãšã³ã¹ãæäŸããã®ã«åœ¹ç«ã£ãŠããŸãã圌ãã¯ãèªã¿èŸŒã¿æéãç»åãµã€ãºããªã¯ãšã¹ãæ°ã«é¢ããŠç©æ¥µçãªããã©ãŒãã³ã¹ããžã§ãããèšå®ããŠããå¯èœæ§ããããŸãã
- GoogleïŒGoogleã®æ€çŽ¢ãšã³ãžã³ã¯ãã®éåºŠã§æåã§ãã圌ãã¯ãã³ãŒãåå²ããã£ãã·ã¥ããµãŒããŒåŽã®ã¬ã³ããªã³ã°ãªã©ãããŸããŸãªããã©ãŒãã³ã¹æé©åæè¡ã䜿çšããŠããŸãã圌ãã¯ãé床ããŠãŒã¶ãŒã«ãšã£ãŠéèŠã§ããããšãçè§£ããŠãããé«éã§å¿çæ§ã®é«ããšã¯ã¹ããªãšã³ã¹ã確ä¿ããããã«ããã©ãŒãã³ã¹ããžã§ãããèšå®ããŠããŸãã
- AliExpressïŒAlibaba GroupïŒïŒAliExpressã¯ã倿§ãªåžå Žã«å¯Ÿå¿ããã°ããŒãã«eã³ããŒã¹ãã©ãããã©ãŒã ã§ãã圌ãã¯ãç¹ã«åž¯åå¹ ãéãããŠããå°åã«ãããŠãŒã¶ãŒã®ããã«ãã¢ãã€ã«ããã©ãŒãã³ã¹ãåªå ããŠããŸããç»åæé©åãé å»¶èªã¿èŸŒã¿ãã³ãŒãã®çž®å°ãªã©ã®ãã¯ããã¯ãæ¡çšããŠããŸãã圌ãã¯ããŠãŒã¶ãŒã®å Žæãšãããã¯ãŒã¯ã®ç¶æ ã«å¿ããŠãããŸããŸãªããã©ãŒãã³ã¹ããžã§ãããæã£ãŠããããšããããããŸãã
- BBC NewsïŒBBC Newsã®ãŠã§ããµã€ãã¯ãã°ããŒãã«ãªèŠèŽè ã«ã³ã³ãã³ããæäŸããŠããŸãã圌ãã¯ãããŸããŸãªããã€ã¹ãšãããã¯ãŒã¯ã®ç¶æ ã«ãããŠãé«éã§ä¿¡é Œæ§ã®é«ããšã¯ã¹ããªãšã³ã¹ãæäŸããããšã®éèŠæ§ãçè§£ããŠããŸãã圌ãã¯ãã¢ãã€ã«ãŠãŒã¶ãŒãäžå¿ã«ãããã©ãŒãã³ã¹æé©åãåªå ããŠããŸãã圌ãã¯ãCDNãå©çšããç»åãæé©åããä»ã®ææ°ã®ãŠã§ãããã©ãŒãã³ã¹ãã¯ããã¯ã掻çšããŠãäžçäžã®èªè ã®ããã«ãµã€ããè¿ éã«ä¿ã£ãŠããŸãã
çµè«ïŒã°ããŒãã«ãªèŠèŽè ã®ããã®ããé«éãªãŠã§ãã®æ§ç¯
ããã³ããšã³ãããã©ãŒãã³ã¹ããžã§ãããå®è£ ããããšã¯ãã°ããŒãã«ãªèŠèŽè ã«å¯Ÿå¿ããé«éã§å¿çæ§ãé«ãããŠãŒã¶ãŒãã¬ã³ããªãŒãªãŠã§ããµã€ããæ§ç¯ããããã«äžå¯æ¬ ã§ããæç¢ºãªç®æšãèšå®ãã培åºçãªç£æ»ã宿œãããªãœãŒã¹ãæé©åããããã©ãŒãã³ã¹ãç¶ç¶çã«ç£èŠããããšã§ããŠã§ããµã€ãã®é床ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãããã³SEOã©ã³ãã³ã°ãåäžãããããšãã§ããŸããããã€ã¹ããããã¯ãŒã¯ã®ç¶æ ãæåçæåŸ ãªã©ãã¿ãŒã²ãããªãŒãã£ãšã³ã¹ã®ç¹å®ã®ããŒãºãèæ ®ããããšãå¿ããªãã§ãã ãããããã©ãŒãã³ã¹ãåªå ããããšã§ããŠãŒã¶ãŒãåã°ããäžçäžã§ããžãã¹ç®æšãéæããã®ã«åœ¹ç«ã€ãŠã§ããµã€ããäœæã§ããŸãã
é©åã«å®çŸ©ãããããã©ãŒãã³ã¹ããžã§ãããéããŠãªãœãŒã¹ã®å¶çŽãç©æ¥µçã«ç®¡çããããšã§ããŠã§ãéçºè ã¯ãå Žæãããã€ã¹ã«é¢ä¿ãªãããã¹ãŠã®ãŠãŒã¶ãŒã«å¯ŸããŠæé©ãªãŠã§ããµã€ãããã©ãŒãã³ã¹ã確ä¿ã§ããŸãã