쇼핑몰 사이트를 만들다 보면 속도가 관건이다. 우리나라 쇼핑몰은 이미지 Look에 굉장히 특화되어 있기 때문에 page load 속도가 개발에 관건이기도 하다. 우리나라가 인터넷 속도가 압도적으로 빨라서 가능한 레이아웃이다.

  요 몇일 전에 크롬에서 page speed라는 확장 프로그램이란걸 알았는데 이 확장 기능을 이용하여 page load speed 를 분석하여 상대적인 점수를 보여주고 무엇을 수정하면 load speed가 개선될건지에 대해서도 어드바이스를 level 형태로 분류하여 보여주는데 간편하면서도 간결하게 정보를 얻을 수 있다.

설치는 Google 개발자 페이지에서 다운 받을 수 있다. 

https://developers.google.com/speed/docs/insights/using_chrome

다이렉트로 다운을 받는 주소는 아래와 같다.

https://dl-ssl.google.com/page-speed/current/page-speed.crx

  설치 페이지에서도 나온지면 확장 프로그램을 설치후 크롬 실험실에서 실험용 API 확장 기능 사용을 활성화 해주어야 한다.

  크롬 브라우저에서 about:flags 라고 치면 크롬 실험실 페이지가 나온다. 여기서 "실험실 확장 프로그램 API"  항목을 사용함으로 설정하고 다시 크롬을 재실행하면 된다.

  크롬이 재시작되면 확인하고 싶은 페이지로 이동 후 F12키를 눌러 개발자 모드를 실행한 후 아래 그림과 같이 page speed를 실행한다. 혹시나 보이지 않는다면 다시 크롬을 재실행하길 바란다.

Run page Speed 버튼이나 분석 버튼을 누르면 page를 다시 load하면서 분석을 해준다.

좌측 메뉴에는 level별로 개선항목이 나오고 해당 항목을 누르면 우측 화면에 자세한 내용이 출력된다.