jekyll-skyhook로 블로그 성능 개선하기

제 블로그가 Google 색인에 실패했고, PageSpeed Insights 점수는 겨우 43점이었습니다. 원인은 Google Fonts, YouTube 임베드, 그리고 최적화되지 않은 이미지였습니다. 그래서 이 문제를 해결하기 위해 Jekyll 플러그인 jekyll-skyhook을 만들었습니다. 이 플러그인은 폰트를 자체 호스팅하고, 가벼운 YouTube 라이브러리를 사용하며, 이미지 변환, 반응형 이미지, 캐싱을 구현합니다. 결과는? PageSpeed 점수가 놀랍게도 99점이 되었습니다! jekyll-skyhook은 이미지 형식 변환(WebP, AVIF), 반응형 이미지의 자동 srcset 생성, 캐싱을 통한 중복 처리 방지 기능을 지원하여 블로그 성능을 크게 향상시킵니다.