Hacker News
Next.js를 제거하고 내 블로그를 Lighthouse 모든 항목 100점으로 만든 방법
소프트웨어처음 오른 때 점수 95댓글 47
한 개발자가 직접 만든 블로그가 구글 Lighthouse의 모든 항목에서 100점을 받았다는 이야기입니다. 이 과정에서 그는 자주 쓰던 Next.js를 빼야 했습니다.
무슨 일이 있었나
글쓴이는 가볍고 빠르고, 광고나 잡다한 기능이 없으며, 여러 블로그를 운영할 수 있고, 접근성까지 좋은 블로그를 원했습니다. 그래서 직접 블로그를 만들었고, 성능을 높이는 과정에서 Next.js를 제거했습니다. 그는 이 작업이 생각보다 훨씬 힘들었다고 말합니다.
왜 직접 만들었나
Medium과 Blogger는 기능이 너무 많고 성능도 만족스럽지 않았습니다. WordPress는 플러그인이 너무 많아 복잡했고, Ghost는 직접 서버를 운영하거나 비싼 유료 서비스를 써야 했습니다. Hugo는 괜찮았지만 설정이 여전히 번거로웠습니다. 글쓴이는 Bear Blog가 빠르고 좋았지만, 너무 단순하고 편집 화면이 불편했다고 말합니다.
왜 중요한가
이 이야기는 정적인 웹사이트라면 복잡한 프레임워크 없이도 빠르게 만들 수 있다는 점을 보여 줍니다. 전 세계 방문자에게 빠르게 전달하려면 CDN이 핵심이고, 이미지 최적화처럼 신경 쓸 일도 많다는 점도 알려 줍니다.
앞으로 볼 점
- 글쓴이가 이미지 최적화를 어떻게 처리했는지
- CDN 설정을 어떻게 바꿨는지
- 블로그 서비스 bloffy.co가 실제로 어떻게 발전하는지
용어 풀이
- Lighthouse
- 구글이 만든 웹사이트 속도와 품질을 점수로 보여 주는 도구입니다.
- Next.js
- React로 웹사이트를 만들 때 쓰는 프레임워크, 즉 개발 도구 모음입니다.
- CDN
- 전 세계 여러 서버에 파일을 나눠 저장해, 방문자와 가까운 곳에서 빠르게 보내 주는 기술입니다.
- Bear Blog
- 단순하고 빠른 것을 강조하는 미니멀한 블로그 서비스입니다.