14:6 다운로드가 느린 이미지의 사용 금지
14장 - 그래픽, 이미지, 멀티미디어(Graphics, Images, and Multimedia)
작성자
관리자
작성일
2022-06-24 13:33
조회
2020
14:6 다운로드가 느린 이미지의 사용 금지
(상대적 중요도: 3, 증거의 강도: 5)
지침 : 웹사이트의 이미지가 다운로드 시간을 불필요하게 느리게 하지 않도록 조치를 취하라.
주석 : 시스템과 웹사이트의 상호작용 시간이 증가할수록 사용자의 불만도 커지게 된다. 사용자는 진행되는 작업이 클라이언트 컴퓨터가 수행하기 쉬운 작업이라고 믿을수록 시간 지체에 대해 참지 못한다. 한 연구에 의하면 사용자들은 5초까지의 시간 지연은 "긍정적"라고 평가했으나 10초가 넘어가게 되면 "부정적"으로 평가하였다. 사용자들은 시간 지체가 긴 페이지들이 관심을 덜 끌며 훑어보기도 더 어렵다고 평가하였다.
다운로드 시간을 빠르게 하기 위해서는 페이지상에 단일의 큰 이미지보다는 여러개의 작은 이미지들을 사용하며, 인터레이싱 또는 프로그레시브(interlacing or progressive) 이미지를 사용하고, 동일 이미지를 여러번 사용한다. 디자이너는 또한 이미지안의 색상수를 최대한 줄여야 하며 이미지 태그 내에 HEIGHT와 WIDTH 속성을 써야 한다. 전화 모뎀을 이용하는 사용자들을 위해서는 페이지 사이즈는 30kb보다 작아야 한다.
역주 : 이미지의 다운로드 시간을 줄이기 위한 각종 방법을 제시한 지침이다. 이 방법들은 서버측의 데이터 분할 전송이나 브라우저에서의 디스플레이 방식, 캐쉬, 리사이징 연산 감소등을 이용한 것이다. 그 밖에 운영체제에 따라 height/width를 기재 안할 경우 리사이징 과정에서 웹페이지의 모양이 일시적으로 변하는 부작용이 있으므로 반드시 기재하도록 한다.