2010년 5월 3일 월요일
속도가 순위 결정 신호로 사용된다는 Google의 발표를 접했더라도, 어떻게 시작해야 할지 모르셨을 수도 있습니다. Google에서는 웹마스터 여러분이 사용자를 위한 반응형 환경을 지속적으로 구축해 나갈 수 있도록 돕고자 합니다. 지난주 저는 'Google이 말하는 속도의 중요성'의 업데이트된 프레젠테이션을 촬영했습니다. 이 프레젠테이션에서는 사이트 성능을 이해하기 위해 가장 먼저 시도해야 할 3가지 단계가 제시됩니다. 헤드폰을 쓰고 팝콘을 준비한 다음 웹사이트의 소유권을 확인하고 플러그인을 다운로드하세요. 그러면 금세 사이트 성능에 익숙해지실 겁니다.
Q&A를 확인하고 싶으신가요? 문제 없습니다. 다음을 살펴 보세요.
전 세계 다양한 지역의 서버 응답 시간을 확인할 수 있나요?
예. WebPagetest.org에서 미국(동부 및 서부 모두 ), 영국, 중국, 뉴질랜드 지역에서의 서버 응답 시간을 테스트할 수 있습니다.
목표로 하기에 좋은 응답 시간은 어느 정도인가요?
첫째, 치열한 경쟁에 직면하고 있다면 경쟁업체에서 동일한 잠재고객을 대상으로 내 사이트보다 더 나은 사용자 환경을 제공하고 있을 수도 있습니다. 이 경우 사이트를 더 우수하고 강력하며 빠르게 개선하는 것이 좋습니다.
그렇지 않은 경우, Akamai 연구에서는 전자상거래 사이트의 '수락 가능성'에 대한 기준점으로 2초를 제시하고 있습니다. 참고로 Google에서는 응답 시간을 0.5초 미만으로 줄이는 것을 목표로 삼고 있습니다.
점진적 렌더링을 사용하면 사용자에게 도움이 되나요?
그렇습니다. 점진적 렌더링은 브라우저에서 콘텐츠가 한 번에 모두 표시될 때까지 기다리지 않고, 점진적으로 사용 가능해지는 콘텐츠부터 표시할 수 있는 방식입니다. 이렇게 하면 사용자에게 더 빠른 시각적 피드백을 제공할 수 있으며 사용자도 콘텐츠를 효과적으로 제어할 수 있습니다.
Bing에서는 사용자에게 로고와 검색창 등의 시각적 헤더를 빠르게 전송한 다음, 검색결과나 광고가 사용 가능해지면 표시하는 방식으로 점진적 렌더링을 실험했습니다. 그 결과 점진적 렌더링 사용 시 만족도가 0.7% 증가했음을 확인할 수 있었으며,
이는 전체 특성 표시 방식을 사용했을 때의 만족도와 대조한 것이라고 설명했습니다. 사이트에 점진적인 렌더링 기법을 구현하려면 어떻게 해야 하나요? 스타일 시트를 페이지 상단에 배치하세요.
이렇게 하면 브라우저에서 최대한 빨리 콘텐츠를 표시할 수 있습니다. 페이지 속도 플러그인, 동영상, 기사, 도움말 포럼은 모두 code.google.com/speed/에서 확인할 수 있습니다.