HTTP/2 켜면 홈페이지 빨라질까

켠 날 첫 화면이 더 늦게 떴습니다

켜고 나서 모든 사이트가 정상으로 열렸고, 인증서도 문제없었습니다. 여기까지만 보면 다 끝난 일 같았어요. 그래도 켜기 전과 뒤를 같은 방법으로 번갈아 재 봤더니, 첫 화면이 다 뜨는 시간이 오히려 늘어 있었습니다. 본 사이트는 약 2.8초면 뜨던 첫 화면이 약 4.5초나 걸렸어요.

느린 곳을 들여다보니 큰 사진들이 연결 하나에 몰려 줄을 서 있었습니다. 그때 서버는 다른 큰 파일을 옮기던 중이라 바깥으로 나가는 길이 바빴어요. 속도를 잰 곳도 국내가 아니라 멀리 떨어진 곳이었고요.

HTTP/2는 연결 하나로 여러 파일을 한꺼번에 주고받는 방식이라 보통은 빨라집니다. 그런데 길이 멀거나 막혀 있으면, 한 연결에 몰린 큰 파일들이 좁은 길을 나눠 쓰느라 서로를 늦출 수 있어요. 그날 저희 서버가 그런 상태였습니다.

그래서 그날 밤 바로 원래대로 되돌렸습니다. 「켜면 빠르다」는 말만 믿고 그냥 뒀다면, 방문자는 그동안 더 느린 사이트를 봤을 거예요.

서버가 한가해진 11월 3일에 다시 쟀습니다

큰 파일 옮기기가 끝나 서버 길이 비고 나서, 같은 방법으로 다시 쟀습니다. 이번에는 세 사이트 모두 첫 화면이 다 뜨는 시간이 줄었어요. 본 사이트는 약 36%, 다른 한 곳은 약 30%, 사진이 많은 곳은 약 5% 빨라졌습니다.

그래서 지금은 HTTP/2를 켠 채로 두고 있습니다. 다만 화면 뼈대가 뜨는 시간은 두 곳에서 조금 늦어졌고, 한 번은 유독 튀는 값도 나왔어요. 같은 서버에서 똑같이 켰는데도 빨라진 폭은 사이트마다 달랐습니다.

사진이 크고 많은 사이트라면

사진이 크고 많은 사이트는 HTTP/2만 켜서는 크게 빨라지지 않는 경우가 많습니다. 이런 사이트는 사진 크기와 사진을 불러오는 순서가 속도에 더 크게 걸리거든요.

그래서 HTTP/2를 켰다면 켜기 전과 뒤를 같은 조건에서 재 보셔야 해요. 저희가 켠 날 바로 되돌린 것도 번갈아 잰 값을 보고 정한 일이었습니다.

h2로 오는지, 정말 빨라졌는지 보는 법

• 크롬에서 개발자 도구를 열고 Network 탭에서 Protocol 칸을 켜 보세요. 파일마다 h2로 오는지 http/1.1로 오는지 나옵니다. h2로 나오면 HTTP/2로 받고 있는 거예요.

• 무언가를 바꾸기 전과 뒤에는 PageSpeed Insights 같은 곳에서 같은 주소를 여러 번 재 보세요. 한 번 나온 값만 보면 튀는 값에 속기 쉽습니다. 잰 값들을 줄 세워 한가운데 값끼리 비교하면 훨씬 믿을 만해요.

서버 속도 설정과 켜기 전후 측정까지 맡기고 싶으시면 관리형 구독을 이용하실 수 있습니다.