Skip to content

perf: 데스크톱 PageSpeed 성능 개선 (38점 → 70+ 목표)#690

Merged
sdk-kr merged 4 commits into
mainfrom
perf/pagespeed-desktop-optimization
Mar 17, 2026
Merged

perf: 데스크톱 PageSpeed 성능 개선 (38점 → 70+ 목표)#690
sdk-kr merged 4 commits into
mainfrom
perf/pagespeed-desktop-optimization

Conversation

@sdk-kr
Copy link
Copy Markdown
Contributor

@sdk-kr sdk-kr commented Mar 17, 2026

Summary

  • 폰트 CSS 비동기 로드 (rel=preload + onload) — 렌더링 차단 440ms 제거
  • 광고 슬롯 transition-all 제거 + border 투명화 — CLS 0.3+ 감소
  • S3 preconnect/dns-prefetch 추가 — LCP 100~200ms 개선
  • assetsInlineLimit 8KiB 복원 — 소형 에셋 HTTP 요청 감소

변경 파일

파일 변경 내용 예상 효과
app.html 폰트 CSS preload + S3 preconnect FCP/LCP -440ms, LCP -100~200ms
ad-slot.svelte transition 제거 + border transparent CLS -0.2~0.3
vite.config.ts assetsInlineLimit: 0 → 8192 HTTP 요청 감소

Test plan

  • dev.damoang.net 배포 후 PageSpeed Insights 재측정
  • Chrome DevTools > Performance > Layout Shifts 확인
  • Chrome DevTools > Network에서 폰트 CSS non-blocking 로드 확인
  • 광고 슬롯 정상 표시 확인

Deploy Bot added 3 commits March 17, 2026 23:54
- 폰트 CSS 비동기 로드 (rel=preload + onload) — 렌더링 차단 440ms 제거
- 광고 슬롯 transition-all 제거 + border 투명화 — CLS 0.3+ 감소
- S3 preconnect/dns-prefetch 추가 — LCP 100~200ms 개선
- assetsInlineLimit 8KiB 복원 — 소형 에셋 HTTP 요청 감소
@sdk-kr sdk-kr marked this pull request as ready for review March 17, 2026 15:04
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Mar 17, 2026

Staging 배포 완료

URL: https://dev.damoang.net
이미지: staging-4c42aad
Static Release: sha-4c42aad
커밋: 4c42aad

변경사항을 dev.damoang.net에서 확인하세요.

@sdk-kr sdk-kr merged commit 6564ce5 into main Mar 17, 2026
13 checks passed
@sdk-kr sdk-kr deleted the perf/pagespeed-desktop-optimization branch March 17, 2026 15:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant