◆ ESSAY
아무도 안볼 것 같은, 개인 지식 저장고와 같은 느낌으로 사용하고 있는 블로그가 어느새 여기저기 좌표가 찍혔는지 계속 트래픽이 증가하고 있습니다. 감사합니다. 🙇🏻
현재 서비스는 vercel에 deploy해서 사용하고 있는데요, 최근 들어 트래픽이 늘어나면서 pro tier 사용량을 초과해서 운영하고 있는 상황입니다.
유료 계정은 월 20달러에 잘 해결 할 수 있지만, bandwidth가 월 1TB를 치면 이제 100GB당 40달러가 나가야 하는 상황이 옵니다. 이 때문에 실제로 지난달에는 제가 정신 나가있는 새벽을 틈타 $80를 강탈 당했습니다. ㅠㅠ
블로그에 광고를 달 생각은 지금도 앞으로도 없기 때문에, 블로그 경영 효율화를 위하여 몇 가지 임시 처리를 하고자 하는데, 그중 한가지 조치로 PWA를 잠시간 disable 처리하려고 합니다.
PWA를 disable 처리하면 이래저래 불편함은 있겠지만, 아마도 대부분의 사용자는 포스팅 하나 찍먹하고 다시 구글로 돌아갈 것이기 때문에 저에게 어느정도 숨통을 틔워줄 것으로 기대하고 있습니다.
어디까지나 이는 임시 처리고, 최종 목표는 다음과 같습니다.
회사 생활이 매우 만만치 않아서 언제쯤 위 작업을 처리하고 완료할 수 있을지는 모르겠지만... 언젠가 마무리해서 돌아오겠습니다. (제발)
감사합니다.
점수의 노예가 되버린 나
백수가 될 때마다 블로그를 갈아엎는 습관
2편 끝에 남긴 "워커 경유 비용 500ms"를 확정하려 했지만, 대조군이 되는 하드 리로드는 하루 한 건이 안 됐다. 그래서 Playwright와 셰이핑 프록시로 대조군을 직접 만들어 재 보니 내비게이션에서 워커 비용은 2ms였고, 비용은 지연이 아니라 글 하나를 클릭할 때마다 배경에서 더 받는 바이트 쪽에 있었다. 랩과 실사용자 데이터 사이에 남겨 둔 간극은 글을 다 쓰고 나서야 103 Early Hints가 만든 측정 정의 차이였다는 것을 알았다. 서비스 워커 캐싱 딥다이브 시리즈의 세 번째 편이다.
1편의 일반론을 들고 이 블로그(Next.js App Router)를 오프라인에서도 열리게 만들었다. 첫 배포에서는 방금 읽은 글이 오프라인에서 안 열렸고, 두 번째 배포에서는 글은 열리는데 이미지가 전부 깨졌다. 소프트 내비게이션과 프리페치, next/image가 만든 함정들을 하나씩 고쳐 배포한 연대기와, 그 결과를 GA4 실사용자 데이터로 정산한 기록이다. 재방문자 FCP는 평균 634ms 좋아졌고, TTFB는 평균 525ms 나빠졌다. 서비스 워커 캐싱 딥다이브 시리즈의 두 번째 편이다.