Contents Caching - CDN (Contents Delivery Network)

CDN (Contents Delivery Network)

• 글로벌 서비스를 제공할 때 일반적인 api 콜은 조금 느리더라도 패킷 자체의 사이즈가 작기 때문에 크게 문제가 되진 않지만, 이미지 또는 바이너리 파일 같은 경우에는 사이즈가 크기 때문에 전세계에 엣지 서버를 두고 콘텐츠를 캐싱하여 제공하는 것이 CDN이다
• CDN에서 가장 신경써야할 부분은 비용이다. 굉장히 비싼 서비스이기 때문...
• CDN 마켓 Big3
  1. Akami
  2. CD Networks
  3. AWS CDN
• CDN은 Discount Rate가 굉장히 큰 편이다. 그래서 하나의 제품만 생각하지 말고 최소 2개 이상의 제품을 알아봐야 한다. Discount Rate가 큰 이유는 한번 쓰게되면 의존성 때문에 다시 못 나갈 것이라고 생각하기 때문...ㅋ
• 그렇기 때문에 초기부터 나갈 구멍을 만들어두고 사용하자.
• 아니면 CDN 말고 콘텐츠 자체의 크기를 줄여서 비용을 줄이자. webp라는 포맷은 jpeg에 비해서 25~34% 정도 크기가 더 작다. 그러면 그만큼 트래픽이 아껴진다는 것이다. 근데 이런걸 하려면 jpeg, webp 다 해놓고 브라우져 버전이나 디바이스 버전에 따라 맞춰야 하기 때문에 귀찮다. 그래서 이런걸 지원해주는 플러그인이 존재한다.
  https://developers.google.com/speed/pagespeed/module?hl=ko

PageSpeed Module  |  Google for Developers

• 이걸 아파치나 nginx에 플러그인을 설치만 해두면 클라이언트가 들어올 때 http헤더를 보고 브라우져 버전을 체크해서 webp를 지원하는 버전이면 jpeg를 webp로 convert해서 캐싱하고 있는다. 그리고 자바스크립트를 보면 주석이나 그런 불필요한 코드들이 존재하는데 이런 것들을 다 없애서 경량화도 해준다.
• 이것만 설치해줘도 성능이 20~30% 정도 향상한다
• 그리고 website 퍼포먼스 분석 사이트
  https://pagespeed.web.dev/

PageSpeed Insights

Contents Caching

• Varnish라는 웹캐싱 서버를 사용해서 캐싱할 수도 있음
• Web contents can be cached in front of webservers. 
• Reverse proxy like nginx,apache can support caching and there are specialized caching server like varnish. 
• https://varnish-cache.org/ 
• Not just caching image,video static contents only,you can also caching http response body and reduce API server & database overload. 

Varnish HTTP Cache — Varnish HTTP Cache