PRPL パターンを使用ã—ã¦å³æ™‚èªã¿è¾¼ã¿ã‚’é©ç”¨ã™ã‚‹  | Articles  | web.devPRPL パターンを使用ã—ã¦å³æ™‚èªã¿è¾¼ã¿ã‚’é©ç”¨ã™ã‚‹ コレクションã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚ PRPL ã¨ã¯ã€ã‚¦ã‚§ãƒ–ページをèªã¿è¾¼ã¿ã€ より高速ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ãªã‚Šã¾ã™ã€‚ é…ã‚Œã¦æ¤œå‡ºã•ã‚ŒãŸãƒªã‚½ãƒ¼ã‚¹ã‚’プリãƒãƒ¼ãƒ‰ã™ã‚‹ã€‚ åˆæœŸãƒ«ãƒ¼ãƒˆã‚’ã§ãã‚‹ã ã‘æ—©ãレンダリングã—ã¾ã™ã€‚ 残りã®ã‚¢ã‚»ãƒƒãƒˆã‚’事å‰ã«ã‚ャッシュã«ä¿å˜ã—ã¾ã™ã€‚ ä»–ã®ãƒ«ãƒ¼ãƒˆã¨é‡è¦æ€§ã®ä½Žã„アセットをé…延èªã¿è¾¼ã¿ã—ã¾ã™ã€‚ ã“ã®ã‚¬ã‚¤ãƒ‰ã§ã¯ã€ã“れらã®æ‰‹æ³•ãŒã©ã®ã‚ˆã†ã«é€£æºã—ã¦æ©Ÿèƒ½ã™ã‚‹ã‹ã‚’ 個別ã«ä½¿ç”¨ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 Lighthouse を使用ã—ã¦ãƒšãƒ¼ã‚¸ã‚’監査ã™ã‚‹ Lighthouse を実行ã—ã€PRPL ã«æ²¿ã£ã¦æ”¹å–„ã®æ©Ÿä¼šã‚’特定ã™ã‚‹ 手法： Ctrl+Shift+J ã‚ー（Mac ã®å ´åˆã¯ Command+Option+J ã‚ー）を押ã—㦠DevTools ã‚’é–‹ãã¾ã™ã€‚ [Lighthouse] タブ
Web Budget API 㨠Web ã«å°Žå…¥ã•ã‚Œã¤ã¤ã‚ã‚‹ Budget 㨠Cost ã®æ¦‚念 | blog.jxck.io
{{#tags}}- {{label}}
{{/tags}}