Merge pull request #101 from softeerbootcamp4th/lighthouse-performance

[Perf] lighthouse 웹폰트 로드 개선 & 용량 큰 svg 파일 webp로 교체
softeerbootcamp4th · Aug 21, 2024 · 1ca5bc1 · 1ca5bc1
2 parents 2fc7c37 + 6e89a55
commit 1ca5bc1
Show file tree

Hide file tree

Showing 73 changed files with 40 additions and 308 deletions.
diff --git a/packages/admin/public/casper/khaki.svg b/packages/admin/public/casper/khaki.svg
diff --git a/packages/admin/public/casper/khaki.webp b/packages/admin/public/casper/khaki.webp
diff --git a/packages/admin/public/casper/orange.svg b/packages/admin/public/casper/orange.svg
diff --git a/packages/admin/public/casper/orange.webp b/packages/admin/public/casper/orange.webp
diff --git a/packages/admin/public/casper/white.svg b/packages/admin/public/casper/white.svg
diff --git a/packages/admin/public/casper/white.webp b/packages/admin/public/casper/white.webp
diff --git a/packages/admin/public/casper/yellow.svg b/packages/admin/public/casper/yellow.svg
diff --git a/packages/admin/public/casper/yellow.webp b/packages/admin/public/casper/yellow.webp
diff --git a/packages/common/public/casper/khaki.svg b/packages/common/public/casper/khaki.svg
diff --git a/packages/common/public/casper/khaki.webp b/packages/common/public/casper/khaki.webp
diff --git a/packages/common/public/casper/orange.svg b/packages/common/public/casper/orange.svg
diff --git a/packages/common/public/casper/orange.webp b/packages/common/public/casper/orange.webp
diff --git a/packages/common/public/casper/white.svg b/packages/common/public/casper/white.svg
diff --git a/packages/common/public/casper/white.webp b/packages/common/public/casper/white.webp
diff --git a/packages/common/public/casper/yellow.svg b/packages/common/public/casper/yellow.svg
diff --git a/packages/common/public/casper/yellow.webp b/packages/common/public/casper/yellow.webp
diff --git a/packages/common/src/components/chat/Message.tsx b/packages/common/src/components/chat/Message.tsx
@@ -8,11 +8,11 @@ interface MessageProps extends Pick<MessageChatProps, 'sender' | 'team'> {
 }
 
 const TYPES: Record<SocketCategory | 'default', { casper: string; textColor: string }> = {
-	default: { casper: '/casper/white.svg', textColor: 'text-skyblue-500' },
-	p: { casper: '/casper/yellow.svg', textColor: 'text-cream-600' },
-	l: { casper: '/casper/khaki.svg', textColor: 'text-khaki-400' },
-	t: { casper: '/casper/orange.svg', textColor: 'text-orange-500' },
-	s: { casper: '/casper/white.svg', textColor: 'text-gray-300' },
+	default: { casper: '/casper/white.webp', textColor: 'text-skyblue-500' },
+	p: { casper: '/casper/yellow.webp', textColor: 'text-cream-600' },
+	l: { casper: '/casper/khaki.webp', textColor: 'text-khaki-400' },
+	t: { casper: '/casper/orange.webp', textColor: 'text-orange-500' },
+	s: { casper: '/casper/white.webp', textColor: 'text-gray-300' },
 };
 
 export default function Message({
@@ -21,7 +21,7 @@ export default function Message({
 	isMyMessage = false,
 	children,
 }: PropsWithChildren<MessageProps>) {
-	const category = ['p', 't', 'l', 's'].includes(team)
+	const category = ['p', 't', 'l', 's'].includes(team?.toLowerCase())
 		? (team.toLowerCase() as SocketCategory)
 		: 'default';
 	const { casper, textColor } = TYPES[category];

diff --git a/packages/user/public/casper/khaki.svg b/packages/user/public/casper/khaki.svg
diff --git a/packages/user/public/casper/khaki.webp b/packages/user/public/casper/khaki.webp
diff --git a/packages/user/public/casper/orange.svg b/packages/user/public/casper/orange.svg
diff --git a/packages/user/public/casper/orange.webp b/packages/user/public/casper/orange.webp
diff --git a/packages/user/public/casper/white.svg b/packages/user/public/casper/white.svg
diff --git a/packages/user/public/casper/white.webp b/packages/user/public/casper/white.webp
diff --git a/packages/user/public/casper/yellow.svg b/packages/user/public/casper/yellow.svg
diff --git a/packages/user/public/casper/yellow.webp b/packages/user/public/casper/yellow.webp
diff --git a/packages/user/public/images/hero/casper/cream-bubble.webp b/packages/user/public/images/hero/casper/cream-bubble.webp
diff --git a/packages/user/public/images/hero/casper/cream.webp b/packages/user/public/images/hero/casper/cream.webp
diff --git a/packages/user/public/images/hero/casper/khaki.webp b/packages/user/public/images/hero/casper/khaki.webp
diff --git a/packages/user/public/images/hero/casper/lighting.webp b/packages/user/public/images/hero/casper/lighting.webp
diff --git a/packages/user/public/images/hero/casper/orange-bubble.webp b/packages/user/public/images/hero/casper/orange-bubble.webp
diff --git a/packages/user/public/images/hero/casper/orange.webp b/packages/user/public/images/hero/casper/orange.webp
diff --git a/packages/user/public/images/hero/casper/white.webp b/packages/user/public/images/hero/casper/white.webp
diff --git a/packages/user/public/images/hero/effects/light-1.webp b/packages/user/public/images/hero/effects/light-1.webp
diff --git a/packages/user/public/images/hero/effects/light-2.webp b/packages/user/public/images/hero/effects/light-2.webp
diff --git a/packages/user/public/images/hero/effects/light-3.webp b/packages/user/public/images/hero/effects/light-3.webp
diff --git a/packages/user/public/images/hero/effects/light-4.webp b/packages/user/public/images/hero/effects/light-4.webp
diff --git a/packages/user/public/images/hero/effects/light-5.webp b/packages/user/public/images/hero/effects/light-5.webp
diff --git a/packages/user/public/images/hero/effects/light-6.webp b/packages/user/public/images/hero/effects/light-6.webp
diff --git a/packages/user/public/images/hero/effects/light-7.webp b/packages/user/public/images/hero/effects/light-7.webp
diff --git a/packages/user/public/images/hero/effects/light-8.webp b/packages/user/public/images/hero/effects/light-8.webp
diff --git a/packages/user/public/images/hero/effects/sparkle.webp b/packages/user/public/images/hero/effects/sparkle.webp
diff --git a/packages/user/public/images/quiz/quiz-hint-casper.webp b/packages/user/public/images/quiz/quiz-hint-casper.webp
diff --git a/packages/user/src/assets/icons/casper-white.svg b/packages/user/src/assets/icons/casper-white.svg
diff --git a/packages/user/src/assets/icons/event-tab-tag.svg b/packages/user/src/assets/icons/event-tab-tag.svg
diff --git a/packages/user/src/assets/icons/lighting.svg b/packages/user/src/assets/icons/lighting.svg