크롬 개발자 도구로 웹폰트 용량 확인해본 경험, 사이트 속도 체감 개선에 대해서 알아보았습니다.
블로그를 운영하다 보면 어느 순간부터 페이지가 예전 같지 않게 느려지는 순간이 온다. 처음엔 캐시 문제겠지 싶어 지웠고, 이미지 용량도 줄여봤지만 여전히 한 템포 느렸다. 이유를 몰라 답답하던 어느 날, 폰트가 문득 떠올랐다. 깔끔한 디자인을 위해 여러 글꼴을 섞어 쓰다 보니, 혹시 그게 보이지 않는 짐이 된 건 아닐까. 그렇게 나는 크롬 개발자 도구를 열었다. 작은 호기심 하나가 결국 꽤 큰 발견으로 이어졌다.
폰트가 생각보다 무겁다는 걸 처음 알았다
Network 탭을 열고 새로고침을 눌렀을 때, 내 눈앞에 수십 개의 파일이 스쳐 지나갔다. 그중엔 200KB를 넘는 폰트 파일이 여러 개 있었다. 그동안 블로그 디자인을 깔끔하게 만들겠다고 덧붙였던 폰트들이, 사실상 페이지 용량의 절반을 차지하고 있었던 것이다. 이미지는 줄이고 캐시는 관리하면서 정작 이 부분은 전혀 의심하지 않았다.
특히 모바일로 로딩 속도를 테스트했을 때 차이는 더욱 확연했다. 이전에는 3초 가까이 걸리던 화면이 폰트를 줄이자 1초대로 떨어졌다. 눈으로 체감할 만큼 빨라졌다. 그 순간, 예쁜 디자인보다 가벼운 구조가 더 중요한 이유를 실감했다. 페이지의 흐름이 매끄러워지니 블로그 전체가 다시 살아난 듯했다.
구글의 웹 개발 가이드에서도 비슷한 내용을 언급한다. 렌더링을 지연시키는 리소스 중 하나가 바로 웹폰트이며, 불필요한 폰트를 최소화하고 시스템 폰트를 병용하라고 조언한다. 그동안 이유를 몰랐던 답답함이 퍼즐처럼 맞춰지는 느낌이었다. 결국 느려진 건 내 서버가 아니라, 디자인 욕심이 만든 결과였다.
폰트를 줄이자 블로그도, 마음도 가벼워졌다
다음 날 아침, 나는 마음을 단단히 먹고 폰트를 정리하기 시작했다. 블로그 전반에 쓰이던 폰트 세 개 중 타이틀용 하나만 남기고 나머지를 삭제했다. CSS에서 폰트 링크를 지우고 다시 로드하니, 전체 용량이 약 1MB 가까이 줄었다. 새로고침 버튼을 눌렀을 때 화면이 바로 반응하는 그 순간, 묘한 성취감이 밀려왔다.
놀라운 건 단순히 속도만 빨라진 게 아니었다. 페이지의 움직임이 부드러워지고, 글이 더 가볍게 느껴졌다. 아내에게 보여줬더니 이전보다 훨씬 자연스럽다는 말이 나왔다. 디자인은 그대로인데, 블로그의 분위기가 한결 여유로워졌다. 속도는 단순한 기술이 아니라 감정의 문제라는 걸 처음으로 느꼈다. 기다리지 않아도 되는 화면은 사람의 집중력을 높이고, 피로감을 줄여준다. 마치 잘 정리된 책상을 마주한 느낌이었다.
국내 인터넷진흥원에서 발표한 2024년 웹 접근성 보고서에서도 페이지 로딩 속도가 사용자 만족도에 큰 영향을 준다고 설명한다. 2초 이상 걸리는 사이트는 절반 이상의 사용자가 떠난다는 통계가 있다. 나 역시 폰트를 줄인 이후 체류 시간이 길어지고, 페이지 전환 시 이탈률이 낮아졌다. 숫자로 보기 전에 이미 체감으로 알 수 있었다. 가벼워진 블로그는 나를 포함해 모두를 편하게 했다.
보이지 않는 곳의 정리가 진짜 신뢰를 만든다
이번 경험을 통해 느낀 건 단순했다. 겉으로 보이는 화려함보다, 보이지 않는 구조의 정리가 훨씬 중요하다는 것이다. 페이지가 빠르게 열릴 때 독자는 신뢰를 느낀다. 정보가 전달되기 전에 속도가 먼저 감정을 만든다. 그건 블로그뿐 아니라 모든 일에도 통하는 원리였다.
둘째 아이가 내 옆에서 새로고침을 반복하는 모습을 보고 아빠는 왜 계속 그걸 누르냐고 물었다. 웃음이 나왔다. 내가 반복하고 있는 건 단순한 테스트가 아니라, 보이지 않는 완성도를 다듬는 과정이었다. 이런 반복 속에서 사이트는 점점 나아지고 있었다.
인터넷에는 폰트를 많이 써야 디자인 완성도가 높다는 말이 종종 보이지만, 직접 해보니 꼭 그렇지는 않았다. 폰트가 많아질수록 로딩은 느려지고, 디자인의 완성도보다 피로감이 앞섰다. 진짜 완성은 균형이었다. 잘 보이기 위한 장식보다, 읽기 편한 속도와 흐름이 훨씬 더 오래 남는다.
결론
이번 실험은 단순히 웹폰트를 줄이는 일이 아니라, 블로그의 신뢰를 회복하는 과정이었다. 폰트 하나를 지운 것뿐인데 페이지가 달라졌고, 그만큼 마음의 무게도 줄었다. 작은 세부 조정이 사이트 전체의 인상을 바꿀 수 있다는 걸 몸으로 느꼈다. 결국 빠름은 기술이 아니라 배려였다.
혹시 당신의 사이트는 눈에 보이지 않는 무게로 느려지고 있지 않나요? 크롬 개발자 도구를 열어 확인해보세요. 어쩌면 가벼워지는 건 사이트뿐 아니라, 그걸 만드는 당신의 마음일지도 모릅니다.