feat: Mingling 랜딩 페이지 LCP 및 초기 리소스 로딩 최적화

[kangdy25]

🚀 Mingling 랜딩 페이지 LCP 및 초기 리소스 로딩 최적화

📝 변경사항

• 랜딩 페이지 히어로 이미지를 반응형 구조로 개선했습니다.
• 뷰포트별 이미지에 정확한 srcset, sizes, media를 적용했습니다.
• LCP 이미지에 loading="eager", fetchpriority="high", decoding="async"를 적용했습니다.
• Next.js 이미지 응답에 AVIF/WebP 포맷을 활성화했습니다.
• Pretendard 폰트를 window.load 이후 로드하도록 변경했습니다.
• Pretendard 100~900 굵기와 최종 UI는 그대로 유지했습니다.
• GTM 외부 스크립트를 lazyOnload로 변경했습니다.
• 카카오 지도 SDK를 지도 화면에서만 로드하도록 변경했습니다.
• 카카오 지도 도메인에 preconnect를 적용했습니다.
• Footer 로고의 불필요한 이미지 우선순위를 제거했습니다.
• 더 이상 사용하지 않는 @next/third-parties 의존성을 제거했습니다.

✅ 체크리스트

• 코드 리뷰를 받았습니다
• 테스트를 완료했습니다
• 린터 에러가 없습니다
• 타입 에러가 없습니다
• 브라우저에서 테스트를 완료했습니다
• 모바일에서 테스트를 완료했습니다 (해당되는 경우)

📸 스크린샷

UI 변경 사항이 있다면 이미지를 드래그해서 넣어주세요!

💬 리뷰어 전달사항

• 리뷰어가 특별히 확인해야 할 사항이 있다면 적어주세요.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
mingling-frontend	Ready	Preview	Sep 10, 2026 8:15am UTC