PRPL パターンを使用ã—ã¦å³æ™‚èªã¿è¾¼ã¿ã‚’é©ç”¨ã™ã‚‹  | Articles  | web.devPRPL パターンを使用ã—ã¦å³æ™‚èªã¿è¾¼ã¿ã‚’é©ç”¨ã™ã‚‹ コレクションã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚ PRPL ã¯ã€ã‚¦ã‚§ãƒ–ページã®èªã¿è¾¼ã¿ã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–化を高速化ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã•ã‚Œã‚‹ãƒ‘ターンを記述ã™ã‚‹é å—語ã§ã™ã€‚ é…ã‚Œã¦æ¤œå‡ºã•ã‚ŒãŸãƒªã‚½ãƒ¼ã‚¹ã‚’プリãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ã§ãã‚‹ã ã‘æ—©ãåˆæœŸãƒ«ãƒ¼ãƒˆã‚’レンダリングã—ã¾ã™ã€‚ 残りã®ã‚¢ã‚»ãƒƒãƒˆã‚’事å‰ã‚ャッシュã«ä¿å˜ã—ã¾ã™ã€‚ ä»–ã®ãƒ«ãƒ¼ãƒˆã‚„クリティカルã§ãªã„アセットをé…延èªã¿è¾¼ã¿ã—ã¾ã™ã€‚ ã“ã®ã‚¬ã‚¤ãƒ‰ã§ã¯ã€ã“れらã®æ‰‹æ³•ãŒã©ã®ã‚ˆã†ã«é€£æºã—ã€ç‹¬ç«‹ã—ã¦ä½¿ç”¨ã—ã¦ãƒ‘フォーマンスをå‘上ã•ã›ã‚‹ã‹ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ Lighthouse ã§ãƒšãƒ¼ã‚¸ã‚’監査ã™ã‚‹ Lighthouse を実行ã—ã¦ã€PRPL 手法ã«æ²¿ã£ãŸæ”¹å–„ã®æ©Ÿä¼šã‚’特定ã—ã¾ã™ã€‚ Ctrl+Shift+J（Mac ã®å ´åˆã¯ Command+Option+J）ã‚ーを押ã—㦠DevTools
{{#tags}}- {{label}}
{{/tags}}