ãã©ãã«ã·ã¥ãŒãã£ã³ã°ã®æºåããã
åŠç¿ã®ç®ç
ãã®åå ãå®äºãããšã次ã®ããšãã§ããããã«ãªããŸãã
- ããã©ãŒãã³ã¹ãããã¡ã€ã«ã®èšé²ãäœæããã
- ã³ãŒã«ã¹ã¿ãã¯ãæ€èšŒããŠåé¡ãèŠã€ããã
- ãããã¡ã€ã«èšé²ã®äžéšåãéžæããæ¹æ³ã瀺ãã
- Chrome ã®ã¿ã¹ã¯ãããŒãžã£ãŒã䜿çšããŠããã»ã¹ãçµäºããã
Lightning Web ã³ã³ããŒãã³ãã®ããã©ãŒãã³ã¹ã«é¢ãããã©ãã«ã·ã¥ãŒãã£ã³ã°
ããã©ãŒãã³ã¹ã¯ããµã€ãã®é床ãšãã芳ç¹ã«åºã¥ããŸããäœéšããŒãžæé (EPT) ã¯ãããŒãžã®èªã¿èŸŒã¿æéã枬å®ããããã« Salesforce ã Lightning ã§äœ¿çšããŠããããã©ãŒãã³ã¹ã¡ããªã¯ã¹ã§ãããã®ã¡ããªã¯ã¹ã§ã¯ãããããŒãžãèªã¿èŸŒãã§ãŠãŒã¶ãŒãæå³ã®ããæäœãè¡ããã䜿çšå¯èœç¶æ ãã«ãªããŸã§ã«ãããæéã枬å®ãããŸãã倧åã®ããŒãžã§ã¯ã3 ç§æªæºãç®æšã§ãã
Lightning Web ã³ã³ããŒãã³ãã®ããã©ãŒãã³ã¹ã«é¢ãããã©ãã«ã·ã¥ãŒãã£ã³ã°ã¯ãå€æ¹é¢ã«ãããå ŽåããããŸããEPT ã¯é«æ¬¡ã®ããŒãžããã©ãŒãã³ã¹ææšã§ããããã©ãŒãã³ã¹ã®åé¡ã詳ãã調æ»ããã«ããã£ãŠã倧ãã 3 ã€ã®åéãèæ ®ããå¿ èŠããããŸãã
- ãããã¯ãŒã¯ããã©ãŒãã³ã¹
- ãã©ãŠã¶ãŒããã©ãŒãã³ã¹
- ããŒãžã®è€éããšã«ã¹ã¿ãã€ãº
å§ããåã«
ã»ãšãã©ã®ãã©ãŠã¶ãŒã®éçºè ããŒã«ã«é¡äŒŒã®æ©èœããããŸããããã®ã¢ãžã¥ãŒã«ã§ã¯ Chrome DevTools ãåãäžããŸãã
ãã§ã« Salesforce DX éçºç°å¢ãæŽã£ãŠããŠããã®ç°å¢ã§ Lightning Web ã³ã³ããŒãã³ããäœæããŠçµç¹ã«ãªãªãŒã¹ã§ããããšãåæãšããŸãããŸã ãã®ããã»ã¹ã«äžæ £ããªå Žåã¯ããã®ã¢ãžã¥ãŒã«ã®åã«ãã¯ã€ãã¯ã¹ã¿ãŒã: Lightning Web ã³ã³ããŒãã³ãããããžã§ã¯ããä¿®äºããŠãã ããã
ãã®ã¢ãžã¥ãŒã«ã®å€§åã¯ããã®ãã¬ã€ã«ã®åã¢ãžã¥ãŒã«ãLightning Web ã³ã³ããŒãã³ãã®ãã©ãã«ã·ã¥ãŒãã£ã³ã°ãã§åŠç¿ãã Chrome DevTools ã®ç¥èãåºç€ãšãªããŸãããã®ãããžãä¿®äºããã°ãããªãããã®ã¢ãžã¥ãŒã«ã§å¿ èŠãª GitHub ããã®ã³ãŒããããã«äœ¿çšã§ããæºåã Playground ã§æŽã£ãŠããã¯ãã§ãã
ãLightning Web ã³ã³ããŒãã³ãã®ãã©ãã«ã·ã¥ãŒãã£ã³ã°ããããžãä¿®äºãããŠããæ¹ã¯ãGitHub ããææ°ã®ã³ãŒããååŸãããŠãããã確èªããŠãã ããã
- Visual Studio Code 㧠troubleshoot-lwc ãããžã§ã¯ããéããŸãã
-
[File (ãã¡ã€ã«)] > [Open (éã)] (macOS) ãŸã㯠[File (ãã¡ã€ã«)] > [Open Folder (ãã©ã«ããŒãéã)] (Windows) ãã¯ãªãã¯ãã[troubleshoot-lwc] ãã£ã¬ã¯ããªãéžæããŸãã
-
Ctrl+Shift+P (Windows) ãŸã㯠Cmd+Shift+P (macOS) ãæŒããŠãã³ãã³ããã¬ãããéããŸãã
-
git
ãšå ¥åããŸãã
-
[Git: Pull] ãéžæããŸãã
- force-app/main/default ãã£ã¬ã¯ããªå
ã® permissionsets ãã£ã¬ã¯ããªãéããŸãã
- Bad_Bunch_Full_Access.permissionset-meta.xml ãã¡ã€ã«ãããããšã確èªããŸãã
- force-app/main ã®äžã«ãã default ãã©ã«ããŒãå³ã¯ãªãã¯ããŸãã
-
[SFDX: Deploy Source to Org (SFDX: çµç¹ã«ãœãŒã¹ããªãªãŒã¹)] ãéžæããŸãã
-
[View (衚瀺)] > [Terminal (ã¿ãŒããã«)] ãã¯ãªãã¯ããŸãã
- ã¿ãŒããã«ã§æ¬¡ã®ã³ãã³ããå®è¡ããŠã[Bad Bunch Full Access (Bad Bunch ãã«ã¢ã¯ã»ã¹)] æš©éã»ãããããã©ã«ãã®ãŠãŒã¶ãŒã«å²ãåœãŠãŸãã
sf org assign permset -n Bad_Bunch_Full_Access
- 以äžã®ãã¯ãªãŒã³ãªãã©ãŠã¶ãŒã§å§ãããã«é²ãã§ãã ããã
ãã©ãã«ã·ã¥ãŒãã£ã³ã°ç°å¢ãèšå®ãã
æåã«ãããã€ãã® Lightning Web ã³ã³ããŒãã³ã㧠Trailhead Playground ãèšå®ãããã©ãã«ã·ã¥ãŒãã£ã³ã°ã®æºåãè¡ãå¿ èŠããããŸãã
Lightning Web ã³ã³ããŒãã³ããå®éã«äœ¿ã£ãŠã¿ã
ãã®ã¢ãžã¥ãŒã«ã«ãã³ãºãªã³ Challenge ã¯ãããŸãããã以äžã®æé ã Trailhead Playground ã§ç·Žç¿ããããšãã§ããŸããPlayground ãžã®ã¢ã¯ã»ã¹æ¹æ³ã¯æ¬¡ã®ãšããã§ãããŸããTrailhead ã«ãã°ã€ã³ããŠããããšã確èªããŸãã次ã«ããã®ããŒãžã®å³äžã«ãããŠãŒã¶ãŒã¢ãã¿ãŒãã¯ãªãã¯ããŠãããããããŠã³ãã [ãã³ãºãªã³çµç¹] ãã¯ãªãã¯ããŸããéãçµç¹ã®æšªã«ãã [èµ·å] ãã¯ãªãã¯ããŸãããŸãã¯ãæ°ãã Playground ãäœæããå Žåã¯ã[Create Playground (Playground ãäœæ)] ãã¯ãªãã¯ããŸãã
ãããã°ã¢ãŒããæå¹å
ãã®ã¹ãããã«ãã£ãŠãæ Œæ®µã«ãã©ãã«ã·ã¥ãŒãã£ã³ã°ãããããªããŸããçµç¹ã§ãããã°ã¢ãŒããæå¹ã«ãããšãã³ãŒããçž®å°ãããŸããããããã£ãŠãå€æ°åãå€ããããã³ãŒãå šäœã®æ§é ããã®ãŸãŸãªã®ã§ããã©ãã«ã·ã¥ãŒãã£ã³ã°ãããããªããŸãã
- [Setup (èšå®)] ã® [Quick Find (ã¯ã€ãã¯æ€çŽ¢)] ããã¯ã¹ã«
Debug Mode
(ãããã°ã¢ãŒã) ãšå ¥åãã[Debug Mode (ãããã°ã¢ãŒã)] ãéžæããŸãã
- 該åœãããŠãŒã¶ãŒã®æšªã«ãããã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã
-
[Enable (æå¹å)] ãã¯ãªãã¯ããŸãã
GitHub ãã Lightning Web ã³ã³ããŒãã³ããå ¥æãã
- GitHub ãªããžããªã® readme ã®æé ãå®è¡ããŸãã
- Visual Studio Code ã®ã¿ãŒããã«ã§æ¬¡ã®ã³ãã³ããå®è¡ããŠã[Bad Bunch Full Access (Bad Bunch ãã«ã¢ã¯ã»ã¹)] æš©éã»ãããããã©ã«ãã®ãŠãŒã¶ãŒã«å²ãåœãŠãŸãã
sf org assign permset -n Bad_Bunch_Full_Access
ã䜿çšã®ç°å¢ã§ããã©ãŠã¶ãŒã® DevTools ã䜿çšããŠãã©ãã«ã·ã¥ãŒãã£ã³ã°ãè¡ãæºåãã§ããŸããã
ã¯ãªãŒã³ãªãã©ãŠã¶ãŒã§å§ãã
- ã·ãŒã¯ã¬ããã¢ãŒããã²ã¹ãã¢ãŒã㧠Chrome ãã©ãŠã¶ãŒãéããŸãã
ããããããšã§ãæ¡åŒµæ©èœãã€ã³ã¹ããŒã«ãããŠããªãã¯ãªãŒã³ãªç¶æ 㧠Chrome ãå®è¡ãããŸããæ¡åŒµæ©èœããããšãããã©ãŒãã³ã¹æž¬å®ã§ãã€ãºãçºçããå¯èœæ§ããããŸãã
- [Customize and control Google Chrome (Google Chrome ã®ã«ã¹ã¿ãã€ãºãšå¶åŸ¡)] (
) ãã¯ãªãã¯ãã[New Incognito Window (æ°ããã·ãŒã¯ã¬ãããŠã£ã³ããŠ)] ãéžæããŸãã
- Playground ãéããŸãã
- ãŠãŒã¶ãŒã®ãããã°ã¢ãŒããæå¹ã«ãªã£ãŠããããšã確èªããŸãã
æå¹ã«ãªã£ãŠãããšããã©ãŠã¶ãŒã« EPT ã衚瀺ãããŸãã
Chrome ãã©ãŠã¶ãŒã®ããªãŒãºãã¯ã©ãã·ã¥ãä¿®æ£ãã
ãã®ãããžã§åãäžãã Lightning Web ã³ã³ããŒãã³ãã®äŸãåå ã§ããã©ãŠã¶ãŒãããªãŒãºããããChrome ãã¯ã©ãã·ã¥ãããããå¯èœæ§ããããŸããå¿çããªãã¿ããéããããšãã§ãã䟿å©ãªããŒã«ããããŸããèŠãŠã¿ãŸãããã
- Chrome ãã©ãŠã¶ãŒã®ã¿ãã»ã¯ã·ã§ã³ã®ç©ºçœé åã§å³ã¯ãªãã¯ãã[Task Manager (ã¿ã¹ã¯ãããŒãžã£ãŒ)] ãéžæããŸãã
- ã¿ã¹ã¯ãããŒãžã£ãŒã§é
ç®ãã¯ãªãã¯ãããšãããã»ã¹ãçµäºãããªãã·ã§ã³ã衚瀺ãããŸãã
åããªããªã£ãããã»ã¹ããæãåºããæ¹æ³ãããã£ããšããã§ãå§ããããšã«ããŸããããÂ
DevTools ã® [Performance (ããã©ãŒãã³ã¹)] ã¿ããéã
Chrome DevTools ã® [Performance (ããã©ãŒãã³ã¹)] ã¿ãã䜿çšããŠãBad Bunch ã¢ããªã±ãŒã·ã§ã³ãèŠãŠã¿ãŸãããã
- Playground ã®ã¢ããªã±ãŒã·ã§ã³ã©ã³ãã£ãŒ (
) ã§ã[Bad Bunch] ãèŠã€ããŠéããŸãã
- ãã©ãŠã¶ãŒãŠã£ã³ããŠãå³ã¯ãªãã¯ãã[Inspect (æ€èšŒ)] ãã¯ãªãã¯ããŸãã
- [Customize and control DevTools (DevTools ã®ã«ã¹ã¿ãã€ãºãšå¶åŸ¡)] (
) ãã¯ãªãã¯ãã䜿çšãããããã³ã°ã®å ŽæãéžæããŸãã(ãã®ã¢ãžã¥ãŒã«ã®ç»åã¯ãDevTools ã®ãããã³ã°ã解é€ããŠå¥ã®ãŠã£ã³ããŠã§è¡šç€ºãããã®ã§ãã)
DevTools ãå¥ã®ãŠã£ã³ããŠã«è¡šç€ºããããšã§ããã©ãã«ã·ã¥ãŒãã£ã³ã°äžã«ããããããŒã¿ã«ã¢ã¯ã»ã¹ãããããªããŸãã
-
[Performance (ããã©ãŒãã³ã¹)] ã¿ããéžæããŸãã
ããã©ãŒãã³ã¹ã®ãªãã·ã§ã³
[Performance (ããã©ãŒãã³ã¹)] é åã«ã¯ãããŸããŸãªãªãã·ã§ã³ãšåéå¯èœãªæ å ±ããããŸãã以äžã«ããã€ã玹ä»ããŸãã
ãã¿ã³ |
ã¢ã¯ã·ã§ã³ |
説æ |
---|---|---|
Record (èšé²) |
æäœã®çµæãšããŠçºçãããã¹ãŠã®ããŒãžã¢ã¯ãã£ããã£ã®æ°ãããããã¡ã€ã«èšé²ãéå§ããŸãã |
|
Start profiling and reload page (ãããã¡ã€ãªã³ã°ãéå§ããŠããŒãžãåèªã¿èŸŒã¿) |
èªã¿èŸŒã¿æã®ããŒãžã®ããã©ãŒãã³ã¹ãåæããããŒãžãåèªã¿èŸŒã¿ãããšãã«æ°ãããããã¡ã€ã«èšé²ãéå§ããŸããããŒãžã®èªã¿èŸŒã¿ãå®äºãããšãèªåçã«èšé²ãåæ¢ããŸãã |
|
Clear (æ¶å») |
ãã¹ãŠã®ãããã¡ã€ã«èšé²ãæ¶å»ããŸããåŸã§åæãããããã¡ã€ã«ã¯å¿ ãä¿åããŠãã ããã |
|
Load profile (ãããã¡ã€ã«ãèªã¿èŸŒã¿) |
以åã«èšé²ãä¿åãããããã¡ã€ã«ãèªã¿èŸŒã¿ãŸãã |
|
Save profile (ãããã¡ã€ã«ãä¿å) |
èšé²ããããããã¡ã€ã«ãä¿åããŸãã |
|
Show recent timeline sessions (æè¿ã®ã¿ã€ã ã©ã€ã³ã»ãã·ã§ã³ã衚瀺) |
ãã® DevTools ã»ãã·ã§ã³ã®ãããã¡ã€ã«èšé²ããªã¹ãããŸããèšé²ã®åãæ¿ãã«äœ¿çšããŸããDevTools ãéãããšèšé²ã¯æ¶å»ãããŸããå°æ¥åæãããããã¡ã€ã«ã¯ãDevTools ãéããåã«å¿ ãä¿åããŠãã ããã |
|
Capture screenshots (ã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£) |
èšé²äžããã¹ãŠã®ãã¬ãŒã ã®ã¹ã¯ãªãŒã³ã·ã§ããããã£ããã£ããŸããæ©å¯ããŒã¿ãæ±ã£ãŠãããšãã«ãããã¡ã€ã«ãèšé²ããå Žåã¯ããã®ã¢ã¯ã·ã§ã³ãå¿ ãç¡å¹ã«ããŠãã ããã |
|
Show memory timeline (ã¡ã¢ãªã¿ã€ã ã©ã€ã³ã衚瀺) |
èšé²ããããããã¡ã€ã«ã®åç §äžã«ãªã³ã«ãããšããã®èšé²ã®ã¡ã¢ãªã¡ããªã¯ã¹ã衚瀺ãããŸãã |
|
Collect garbage (ã¬ããŒãžã³ã¬ã¯ã·ã§ã³) |
ãããã¡ã€ã«ãèšé²äžãã¬ããŒãžã³ã¬ã¯ã·ã§ã³ã匷å¶å®è¡ããŸãã |
|
Capture settings (ãã£ããã£ã®èšå®) |
ãããã¯ãŒã¯ãš CPU ã®ã¹ããããªã³ã° (調æŽ) ãªãã·ã§ã³ãªã©ã®è¿œå èšå®ãéããŸãã |
|
Network throttling (ãããã¯ãŒã¯ã¹ããããªã³ã°) |
[Capture settings (ãã£ããã£ã®èšå®)] ã§ããã©ãã«ã·ã¥ãŒãã£ã³ã°ã«å¿ èŠãªãããã¯ãŒã¯ã¹ããããªã³ã°ã®ã¬ãã«ãèšå®ã§ããŸãã |
|
CPU throttling (CPU ã¹ããããªã³ã°) |
[Capture settings (ãã£ããã£ã®èšå®)] ã§ããã©ãã«ã·ã¥ãŒãã£ã³ã°ã«å¿ èŠãª CPU ã¹ããããªã³ã°ã®ã¬ãã«ãèšå®ã§ããŸããã¹ããããªã³ã°ã¯ãã³ã³ãã¥ãŒã¿ãŒã®æ§èœã«é¢ä¿ããŸãã |
ãããã¡ã€ã«ãèšé²ãã
- Bad Bunch ã¢ããªã±ãŒã·ã§ã³ãéããç¶æ
ã§ãDevTools ã® [Performance (ããã©ãŒãã³ã¹)] ã¿ã㧠[Record (èšé²)] (
) ãã¯ãªãã¯ããŸãã
[Record (èšé²)] ã¢ã€ã³ã³ãèµ€è²ã«å€ãããã¹ããŒã¿ã¹ãŠã£ã³ããŠã«ãProfiling (ãããã¡ã€ã«ãäœæããŠããŸã)ããšããã¹ããŒã¿ã¹ãš [Stop (åæ¢)] ãã¿ã³ã衚瀺ãããŸãã
- Bad Bunch ã¢ããªã±ãŒã·ã§ã³ã§ã[Do Something (äœããã)] ãã¯ãªãã¯ããŸãã
å®è¡ã«ããã£ãæéã衚瀺ãããã®ãåŸ ã¡ãŸãããã°ããæéããããã¯ãã§ããèŠæ±ãå®è¡ãããŠããéããã©ãŠã¶ãŒã¯åºæ¬çã«ããã¯ãããŸãã
- 次ã«ã[Do Something Faster (ããéãäœããã)] ãã¯ãªãã¯ããŸãã
ããçãæéã衚瀺ãããŸãã
- [Performance (ããã©ãŒãã³ã¹)] ããã«ã§ãã¹ããŒã¿ã¹ãŠã£ã³ããŠã® [Stop (åæ¢)] ãã¯ãªãã¯ããŸãã
èšé²ãåæ¢ããŸãããã®åŸãããŒã¿ãåŠçãããçµæã [Performance (ããã©ãŒãã³ã¹)] ããã«ã«è¡šç€ºãããŸãã
çžåœãªéã®æ å ±ã§ããã
- CPU ã°ã©ãã§äœ¿çšãããŠããè²ã¯ãã°ã©ãã®äžã® [Summary (æŠèŠ)] ããã«ã§äœ¿çšãããŠããŸãã
CPU ã°ã©ãã«ãæ倧å€ã«éããŠããè²ããããŸããããã¯ãåé¡ãããå¯èœæ§ã匷ã瀺ããŠããŸãã[Summary (æŠèŠ)] ããã«ã®å¯Ÿå¿ããè²ãèŠããšã[Scripting (ã¹ã¯ãªãã)] ãæ倧å€ã«éããŠããããšãããããŸãã
- [Main (ã¡ã€ã³)] ã»ã¯ã·ã§ã³ãéããšãã€ãã³ããã³ãŒã«ããããšãã® JavaScript ã®ã³ãŒã«ã¹ã¿ãã¯ã衚瀺ãããŸãã
ããŒã¯ã€ãã³ããè¡šãããµã€ãºã¯å®è¡ã«ããã£ãæéã瀺ããŠããŸããã€ãã³ããäºãã«éãªã£ãŠè¡šç€ºãããŠããå Žåã¯ãäžäœã®ã€ãã³ããäžäœã®ã€ãã³ãã®åå ãšãªã£ãŠããŸããLWC ã®ããã©ãŒãã³ã¹ããã©ãã«ã·ã¥ãŒãã£ã³ã°ããå ŽåãJavaScript ã®ã·ã³ã°ã«ã¹ã¬ãããšããæ§è³ªãç解ããããšãäžå¯æ¬ ã§ãã
- ã€ãã³ãã® 1 ã€ãéžæããŠã[Summary (æŠèŠ)] ããã«ã«è©³çŽ°ã衚瀺ããŸãã
ãã®ç¹å®ã®ã€ãã³ãã¯ãinvokeListenersByPlacement Aura ã€ãã³ãã§ã (aura_proddebug.js ãã¡ã€ã«ã®è¡ 516 ã«ãããŸã)ãããã¯ãLightning ã®ããŒã¹ã³ãŒãã®äžéšã§ããããã©ãã«ã·ã¥ãŒãã£ã³ã°ã®å¯Ÿè±¡ã§ã¯ãããŸããã
- ããããã® runExpensiveLoop ã€ãã³ããéžæããŸãã
äœåãå®è¡ãããããã«èŠããŸãããããã¯èª€è§£ãæãããšããããŸããDevTools ã§ã¯ãã¥ãŒãªã¹ãã£ãã¯ã䜿çšããŠãçµæã®è¡šç€ºæ¹æ³ã決å®ããŸãããšã¯ããããããä»åã®äŸã®ã³ãŒãã§ããAura ã€ãã³ãã§ã¯ãããŸããã
- [Summary (æŠèŠ)] ããã«ã§ [example1_Loop.js] ãã¡ã€ã«ãžã®ãªã³ã¯ãã¯ãªãã¯ãããšã匷調衚瀺ãããã³ãŒããšå®è¡æéã瀺ãããŠãã [Sources (ãœãŒã¹)] ããã«ã«ç§»åããŸãã
è¡ 99 ãããã«ãŒãå ã® JSON æååã®è§£æã§æéãããããããŠããããšãããããŸãã
- [Performance (ããã©ãŒãã³ã¹)] ã¿ãã«æ»ããå¿
ã [Main (ã¡ã€ã³)] ã»ã¯ã·ã§ã³ã®äœçœãã¯ãªãã¯ã㊠runExpensiveLoop ã»ã¯ã·ã§ã³ãã¯ãªã¢ããŸãã
- [Summary (æŠèŠ)] ã¿ãã®æšªã«ãã [Bottom-Up (ããã ã¢ãã)] ãéžæããŸã
ãã®æ¹æ³ã§ããå®è¡æéãæãé·ãããã£ãŠãããã®ãããããŸãã[Bottom-Up (ããã ã¢ãã)] ããã«ã«ã¯ãéžæããèšé²éšåã®ã€ãã³ãã®ã¿ã衚瀺ãããŸãã[Do Something Faster (ããéãäœããã)] ãã¿ã³ã®ã¯ãªãã¯ãèŠãŠã¿ãŸãããã
䜿çšããèšé²éšåãéžæãã
- [Overview (æŠèŠ)] ã»ã¯ã·ã§ã³ (FPSãCPUãNET ã®åã°ã©ããããé å) ã§ããŠã¹ãå·ŠãŸãã¯å³ã«åãããšãèšé²ã®ãã®æéã®ã¹ã¯ãªãŒã³ã·ã§ããã衚瀺ãããŸãã
- éžæããèšé²éšåäžãããŠã¹ã§ã¯ãªãã¯ããŠãã©ãã°ããŸãã
[Do Something Faster (ããéãäœããã)] ãã¿ã³ã®ã¯ãªãã¯ã®é åãéžæããŸãã
ããå°ããèšé²ã»ã¯ã·ã§ã³ã確èªã§ããŸãã
-
[runOptimalLoop] ã€ãã³ããã¯ãªãã¯ããŠã[Summary (æŠèŠ)] ããã«ã§è©³çŽ°ã衚瀺ããŸãã[Bottom-Up (ããã ã¢ãã)] ããã«ããŸã 衚瀺ãããŠããå Žåã¯ã[Summary (æŠèŠ)] ã¿ããéžæããå¿
èŠããããŸãã
-
[example1_Loop.js] ãªã³ã¯ãã¯ãªãã¯ããåã³ [Sources (ãœãŒã¹)] ããã«ã«åãæ¿ããŸãã
runOptimalLoop 㯠runExpensiveLoop ã«é¡äŒŒããŠããŸãããè¡ 112 㧠JSON 解æãfor
ã«ãŒãã®å€åŽã§çºçããŠããŸããè¡ 112 ã§è§£æãfor
ã«ãŒãã®å€åŽã§ 1 åã®ã¿å®è¡ããå Žåã暪ã®åã«è¡šç€ºãããŠããããã« ~0.1s ããããããŸãããã«ãŒãå ã§äœåºŠã解æãå®è¡ãããè¡ 99 ã§ã¯ãåãã㊠~4,343.3ms ããã£ãŠããŸããã¡ãœããå ã®è§£æã®é 眮ãæ¯èŒãããšã400 äžããŒã»ã³ããã®å¢å ã«ãªããŸããåèªã§èšé²ãããæéã¯ããã®çµæãšã¯ç°ãªãå¯èœæ§ããããŸãã
- ãã®ãããã¡ã€ã«ãããŠã³ããŒãããŠã³ããŒãä¿åããã«ã¯ã[Save pofile (ãããã¡ã€ã«ãä¿åããŸã)] (
) ãã¯ãªãã¯ããJSON ãã¡ã€ã«ã®ä¿åå Žæãéžæãã[Save (ä¿å)] ãã¯ãªãã¯ããŸãã
åŸã§ã[Load profile (ãããã¡ã€ã«ãèªã¿èŸŒã¿ãŸã)] () ã䜿çšããŠã¢ããããŒãã§ããŸãã
次ã®åå ã§ã¯ãLightning Web ã³ã³ããŒãã³ãã®ä»ã®äŸãããã€ãèŠãŠã¿ãŸãããã
ãªãœãŒã¹
- Salesforce éçºè ããã°: Understanding Experienced Page Time (äœéšããŒãžæéã«ã€ããŠç解ãã)
- Salesforce éçºè ããã°: Lightning Web Components Performance Best Practices (Lightning Web ã³ã³ããŒãã³ãã®ããã©ãŒãã³ã¹ã®ãã¹ããã©ã¯ãã£ã¹)
- Trailhead: Lightning Experience ã®ããã©ãŒãã³ã¹ã®æé©å
- Chrome Developers: ã©ã³ã¿ã€ã ããã©ãŒãã³ã¹ãåæãã
- Chrome Developers: ããã©ãŒãã³ã¹æ©èœã®ãªãã¡ã¬ã³ã¹