로딩 속도가 중요한 이유
페이지 로딩이 1초에서 3초로 늘어나면 이탈률이 32% 증가합니다. 5초가 넘으면 90%의 방문자가 떠납니다. 특히 모바일에서는 더 심합니다.
속도 측정 도구
- Google PageSpeed Insights - pagespeed.web.dev
- GTmetrix - gtmetrix.com
- WebPageTest - webpagetest.org
속도 개선 방법
1. 이미지 최적화
이미지는 페이지 용량의 60~80%를 차지합니다. WebP 형식 사용, 적절한 사이즈로 리사이즈, lazy loading 적용으로 대폭 개선할 수 있습니다.
2. CSS/JS 최소화
사용하지 않는 CSS와 JavaScript를 제거하고, 파일을 minify합니다. 불필요한 외부 라이브러리도 줄여야 합니다.
3. CDN 활용
Cloudflare 같은 CDN을 사용하면 전 세계 어디서든 빠르게 로드됩니다. ShortLinkServe는 Cloudflare CDN이 기본 적용됩니다.
4. 서버 응답 시간
서버 응답 시간(TTFB)이 200ms 이내여야 합니다. 적절한 호스팅 선택과 데이터베이스 최적화가 필요합니다.
Core Web Vitals
구글이 순위에 반영하는 3가지 성능 지표입니다:
- LCP (Largest Contentful Paint): 2.5초 이내 - 가장 큰 콘텐츠가 표시되는 시간
- FID (First Input Delay): 100ms 이내 - 첫 상호작용 응답 시간
- CLS (Cumulative Layout Shift): 0.1 이내 - 레이아웃 이동 정도