필요할 때 불러오기

쉽게 말하면

왜 첫 화면이 손해를 보나

손님의 휴대폰과 내 서버 사이에는 한 번에 몇 개씩만 지나갈 수 있는 좁은 통로가 있어요. 사진 마흔 장을 한꺼번에 요청하면 통로에 마흔 장이 줄을 서요. 문제는 맨 위 사진과 글도 그 줄에 같이 서 있다는 거예요.

그래서 아래쪽 사진을 미루면 아래쪽만 늦어지는 게 아니라 위쪽이 빨라져요. 줄이 짧아지니까요. 이게 이 규칙이 효과가 큰 이유예요. 무언가를 지우거나 화질을 낮추지 않고, 순서만 바꿔서 첫 화면을 앞당겨요.

특히 티가 나는 손님이 있어요. 처음 오는 손님, 지하철에서 여는 손님, 오래된 휴대폰을 쓰는 손님이에요. 내 컴퓨터에서는 사진이 이미 남아 있어서 아무 문제 없어 보이는데, 그 손님들에게만 몇 초가 되는 식이에요.

1. 1손님이 주소를 눌러요. 화면은 "이 페이지에 필요한 것" 목록을 만들어요.
2. 2그 목록에 아직 화면에 안 보이는 것까지 다 들어가요. 아래쪽 사진, 접혀 있는 후기, 페이지 맨 밑 지도까지요.
3. 3목록에 있는 것이 다 도착할 때까지 통로가 붐벼요. 위쪽 글과 대표 사진도 그 사이에 끼어 있어요.
4. 4손님은 흰 화면이나 반쯤 그려진 화면을 보고 있어요. 여기서 돌아서는 손님이 나와요.
5. 5미루기를 켜면 3번 단계의 목록이 짧아져요. 나머지는 손님이 그 자리에 가까워질 때 조용히 채워져요.

무엇을 미루고, 무엇은 절대 안 미루나

"다 미루면 다 빨라지겠지"가 아니에요. 손님이 첫 눈에 보는 것을 미루면 오히려 더 느려 보여요. 미룬 것은 요청이 한 박자 늦게 출발하니까, 하필 그게 대표 사진이면 손님은 빈칸을 더 오래 봐요.

AI에게 그대로 말할 문장

사장님이 직접 손볼 일은 없어요. 증상을 증상 그대로 말하면 돼요. 아래 표의 오른쪽 칸을 스튜디오 채팅에 그대로 붙여 넣으세요. 용어를 외울 필요는 전혀 없어요.

지금은 신경 쓰지 않아도 되는 때

정직하게 말하면, 이 문서를 읽고 아무것도 안 하는 게 맞는 사장님이 많아요. 미루기는 짐이 많을 때 효과가 나는 규칙이에요. 짐이 적으면 효과도 없고, 대신 빈칸이 잠깐 보이는 부작용만 남아요.

손님이 하루 열 명인 가게에서 화면 속도를 다듬는 건 시간 낭비예요. 그 시간에 손님을 한 명 더 데려오는 일이 훨씬 커요. 겁을 줘서 뭔가 하게 만들 마음은 없어요. 언제 필요해지는지만 알아 두고, 그때 이 문서로 돌아오면 돼요.

판단 기준은 하나면 충분해요. 와이파이를 끈 휴대폰으로 내 주소를 열어 보고, 첫 글자가 보일 때까지 속으로 세 보세요. 셋을 넘으면 손볼 값이 있고, 안 넘으면 없어요. 더 넓은 이야기는 빠른 화면 만들기에 있어요.

실제로 겪는 장면

미루다가 생기는 부작용 세 가지

1. 1빈칸이 보여요. 부르는 시점이 너무 늦으면 손님 눈에 회색 칸이 잡혀요. 조금 더 일찍 부르게 당겨서 고쳐요.
2. 2내용이 밀려요. 사진 자리를 안 잡아 두면 도착하는 순간 아래가 내려가요. 누르려던 버튼이 도망가는 그 느낌이에요. 자리를 미리 비워 두면 끝나요.
3. 3검색과 공유에서 빠질 수 있어요. 스크롤해야 나타나는 내용은 검색 로봇이 못 볼 여지가 있어요. 사진을 미루는 건 대체로 안전한데, 글과 목록 자체를 스크롤할 때만 만들어 내는 방식은 조심해야 해요.

자주 묻는 것

Q. 사진을 가볍게 만드는 것과 미루는 것은 같은 얘기예요?

다른 얘기예요. 가볍게 만들기는 짐 하나의 무게를 줄이는 일이고, 미루기는 지금 들 짐의 개수를 줄이는 일이에요. 둘은 겹치지 않으니 같이 해요. 순서를 따지면 무게 줄이기가 먼저예요. 5메가바이트짜리 사진은 미뤄도 결국 5메가바이트라서요. 자세한 건 사진 가볍게 만들기에 있어요.

Q. 무한 스크롤이 좋아요, 아니면 페이지를 번호로 나누는 게 좋아요?

성격이 달라요. 무한 스크롤은 구경하듯 훑는 화면(갤러리·피드)에 맞고, 번호로 나누는 방식은 다시 찾아와야 하는 화면(주문 내역·재고 목록)에 맞아요. "어제 그 3페이지"를 다시 열 수 있는 게 번호 방식의 장점이에요. 관리자 화면이라면 번호 방식을 권해요.

Q. 미루면 손님이 쓰는 데이터 요금도 줄어요?

네, 그게 겉으로 안 보이는 이득이에요. 손님이 위쪽만 보고 나가면 아래쪽 사진은 애초에 오지 않아요. 손님 데이터도 아끼고 내 서버 사용량도 아껴요. 사진이 많은 가게일수록 차이가 커요.

Q. 내 컴퓨터에서는 빠른데 손님만 느리다고 해요. 왜요?

내 컴퓨터에는 이미 사진 사본이 남아 있어서 다시 안 받아 와요. 손님은 처음이라 전부 받아요. 그래서 판단은 와이파이를 끈 휴대폰이나 로그인하지 않은 새 창에서 해야 해요. 사본이 남는 원리는 같은 답을 두 번 안 만들기(캐시)에 있어요.

Q. 미루기를 켜면 눈이 불편한 손님에게 문제가 되나요?

사진에 설명글이 붙어 있으면 화면 읽어 주는 프로그램은 대체로 문제없이 읽어요. 다만 무한 스크롤은 키보드만 쓰는 손님이 페이지 맨 아래(연락처·약관)에 도달하기 어렵게 만들 수 있어요. 웹 접근성은 공공·의무 대상에 따라 기준이 다르고 판정도 갈리니, 내 서비스가 대상인지는 한국지능정보사회진흥원의 웹 접근성 안내나 담당 기관에 확인하세요. 안전한 습관은 하나예요. 무한 스크롤을 쓰더라도 연락처와 약관 링크는 항상 닿을 수 있는 자리에 따로 두는 거예요. 사진 설명글은 사진에 설명 붙이기를 보세요.

Q. 이미 만들어 놓은 화면에도 나중에 적용할 수 있어요?

돼요. 화면을 다시 만들 필요는 없어요. 스튜디오 채팅에 위 표의 문장을 붙이면 지금 있는 화면에 규칙만 얹어요. 손대기 전 첫 글자 뜨는 시간을 재 두면, 얹은 뒤 효과를 숫자로 볼 수 있어요. 바꾼 뒤에는 휴대폰에서 위아래로 한 번 훑어 보세요. 빈칸이 잡히거나 내용이 밀리지 않으면 잘 얹힌 거예요.

헷갈리기 쉬운 것

미루기 = 화질 낮추기? 아니에요. 화질은 그대로예요. 도착하는 시점만 바뀌어요. 화질을 건드리는 건 다른 작업이에요.

"기다리는 중" 표시와 같은 건가요? 아니에요. 표시는 손님을 안심시키는 일이고(기다리는 중 표시), 미루기는 실제로 기다리는 시간을 줄이는 일이에요. 둘은 짝으로 씁니다. 미룬 자리에 회색 칸을 보여 주면 손님은 고장이 아니라 준비 중으로 읽어요.

첫 화면을 막는 것과 같은 문제인가요? 뿌리가 같은 가족이에요. 미루기는 그중 "아직 안 보이는 것"을 다루고, 문을 여는 순서 자체를 다루는 이야기는 첫 화면을 막는 것들에 있어요. 짐 자체를 덜어 내는 이야기는 용량 줄이기예요.