애드온HOSPITAL MARKETING
메뉴
웹사이트 개선

아래쪽 사진은 나중에 불러와도 되는지 장면별로 판단하기

커뮤니티의 긴 사진 글에서 첫 화면에 필요한 이미지와 이후 이미지의 요청 시점을 나눠 확인합니다.

애드온 편집팀

사진이 많은 지역 커뮤니티 글에서 화면 아래의 자료까지 처음부터 모두 받아야 한다면 첫 내용을 기다리는 부담이 커질 수 있다. 지연 불러오기는 지금 필요하지 않은 자료를 나중에 준비하는 방법이다. 다만 모든 사진이 같은 우선순위를 갖지는 않는다. 첫 화면에서 장소나 내용을 이해하는 데 필요한 대표 이미지를 화면 밖 참고 사진과 구별한다.

운영자가 설정을 관리할 수 있는 화면이라면 개발 담당자와 각 이미지가 언제 요청되는지 확인한다. 브라우저 개발 도구의 요청 기록과 실제 보이는 장면을 함께 대조할 수 있다. 아래쪽 사진은 가까이 이동했을 때 준비되는지 살피되 첫 대표 이미지까지 일괄적으로 늦추지는 않는다. 커뮤니티 플랫폼에서 처리하는 부분은 직접 조정할 수 있는 범위를 먼저 확인한다.

적용 후에는 천천히 내려가는 상황과 긴 목차를 눌러 아래로 바로 이동하는 상황을 모두 시험한다. 필요한 위치에 도착했는데 사진이 계속 비어 있거나 내용이 늦게 밀려나면 읽기 문제가 남는다. 이미지가 나타날 공간이 안정적으로 유지되는지도 살핀다. 화면을 뒤로 돌리거나 다시 방문할 때의 상태가 처음 방문과 다를 수 있으므로 비교 조건을 기록한다.

평가에는 첫 내용 표시와 아래쪽 사진의 완성 여부를 함께 포함한다. 초기 요청 수만 줄고 끝부분의 자료가 보이지 않는다면 성공으로 판단할 수 없다. 변경한 이미지 범위와 시험 조건을 남겨 문제 위치를 찾을 수 있게 한다. 속도 점수 하나보다 회원이 필요한 순서대로 글과 사진을 읽을 수 있는지가 이 설정을 선택하는 실질적인 기준이다.

첫 화면 아래에 있다는 이유만으로 전부 같은 방식으로 처리하지 않는다. 바로 다음 문단의 절차를 이해하는 데 필요한 사진과 글 끝의 분위기 사진은 중요도가 다르다. 이미지가 도착하기 전에도 설명이 읽히도록 자리를 확보하면 사진이 나타나는 순간 읽던 줄이 밀리는 불편을 줄일 수 있다. 긴 페이지의 마지막 사진까지 실제로 내려가 확인한다.

전체 글 보기

CONSULTATION

어떤 정보를, 어디에 전할지
함께 정리해보세요.

병원의 현재 운영 채널과 필요한 작업을 알려주세요.
원고·이미지·홈페이지 중 필요한 업무 범위부터 확인합니다.

이메일로 문의하기 카카오 오픈채팅