230927 성능 업데이트

CDN, 이미지 파일 형식, 배포 방식 변경

날짜

2023년 9월 27일

업데이트 내용

CDN 적용

이미지를 사용할 떄 CDN(Content Delivery Network)를 적용하였습니다.

CDN은 콘텐츠 제공 네트워크라고도 하는데, 지리적으로 분산된 서버들을 연결한 네트워크로서 웹 컨텐츠의 복사본을 사용자에 가까운 곳에 두거나 동적 컨텐츠(예: 라이브 비디오 피드)의 전달을 활성화하여 웹 성능 및 속도를 향상할 수 있게 합니다. 또한 데이터 사용량이 많은 애플리케이션의 웹 페이지 로드 속도를 높이는 상호 연결된 서버 네트워크입니다.

마크다운에 작성한 게시글에서 이미지 삽입할 때 경로를

./img/이미지파일 에서

https://cdn.jsdelivr.net/gh/junsoopooh/junsoopooh.github.io/img/이미지파일

로 변경하였습니다.

이미지 파일 형식 변환

기존 JPG, PNG 형식이었던 파일들을 WEBP 형식으로 변환하였습니다.

WebP는 구글에서 개발한 이미지 포맷입니다. WebP 포맷은 인터넷에서 흔히 쓰이는 GIF, JPG, PNG 포맷을 대체하기 위해 개발되었습니다. WebP의 가장 큰 장점은, 이미지 품질이 같을 때 WebP 파일의 크기가 다른 포맷의 파일에 비해 훨씬 작다는 것입니다.

Github Action 적용

블로그에 변경 사항을 repository에 commit하면 deploy되는 방식을 변경하였습니다.

기존 default 상태에서는 블로그 내 모든 페이지를 다시 검토하다보니 게시글이 늘어나면서 배포에 너무 오랜시간이 소요됐고, 최근에는 10분이 지나며 시간초과로 실패하는 경우가 발생하였습니다.

jekyll.yml을 통해 새로운 workflow를 적용하여 이 문제를 해결하였습니다.