반응형 웹사이트 테스트 툴을 소개합니다. 반응형 웹사이트에서 중요한 점은 '모바일 퍼스트'가 얼마나 잘 적용되었느냐 입니다.
모바일은 데스크톱에 비해 성능이 떨어집니다. 그러므로 로딩 속도를 저하시키는 요소가 없는지, 다양한 화면크기에 웹이 잘 표시되는지 테스트하는 것이 중요합니다.
1
Yslow 플러그인.
웹 페이지의 성능을 알려주는 플러그인입니다. 측정하고 싶은 웹페이지를 띄워놓은 후 플러그인을 실행합니다. [Run Test] 버튼을 눌러 사이트의 성능을 테스트합니다. 'Grade' 탭에서 테스트 결과를 확인하여 등급이 낮은 요소를 개선시키는데 사용하세요.
2
Window Resizer.
크롬 확장프로그램입니다. 작은화면의 스마트폰, 중간화면의 태블릿, 큰 화면의 데스크톱 사이즈가 설정되어 있어 창 크기를 쉽게 바꿀 수 있습니다. 다양한 창 크기에서 사이트가 제대로 반응하는지 확인해 보세요.
