코드 한 줄
서버 코드만 빨라서는 부족하다. 정적 파일이 느리면 첫 화면이 늦게 뜬다. Nginx 설정에서 효과가 컸던 것만 모았다.
gzip on;
gzip_types text/css application/javascript image/svg+xml application/json;
location ~* \.(css|js|woff2|jpg|png|webp)$ {
expires 30d;
add_header Cache-Control "public, immutable";
}
listen 443 ssl http2;| 지표 | 전 | 후 |
|---|---|---|
| 첫 화면 표시 | 2.4초 | 1.1초 |
| 전송량 | 1.8MB | 640KB |
파일 이름에 버전이나 해시를 붙이지 않고 immutable 캐시를 걸면, 배포 뒤에도 옛 파일이 보입니다.