[웹사이트성능평가] sitespeed.io 설치 및 테스트

웹사이트 성능 평가를 위한 무료 사이트와 도구들이 많이 있습니다.

그 중에서 제가 사용하기 위해 설치한 sitespeed.io 에 대해서 작성해 보겠습니다.

[웹사이트 성능테스트 무료 사이트]

- Google PageSpeed Insights

- GTmetrix

[sitespeed.io]

- https://www.sitespeed.io/

[sitespeed.io 설치하기 on OSX]

- xcode 가 먼저 설치 되어 있어야 합니다.

- xcode 는 app store 에서 설치 하면 됩니다.

xcode 설치 후 아래와 같은 에러 발생 시

"Agreeing to the Xcode/iOS license requires admin privileges, please re-run as root via sudo."

$ sudo xcodebuild -license

한번 해주시면 됩니다.

- nodejs 설치가 되어 있어야 합니다.

- https://nodejs.org/ko/download/

- dmg 파일 다운로드 받으셔서 설치 하시면 됩니다.

- sitespeed.io npm 설치

$ sudo npm install -g sitespeed.io

[sitespeed.io 실행]

$ sitespeed.io -h

$ sitespeed.io http://www.memebox.com

$ sitespeed.io -b chrome -n 10 -c 3gfast -d 1 http://m.memebox.com

-b 는 브라우저 종류 지정

-n 은 실행 횟수 지정

-c 는 접속 network 지정

-d 는 page depth 지정

-h 옵션으로 상세 정보 확인이 가능 합니다.

설치 하다 에러가 발생을 할경우 아래와 같이 삭제 후 다시 설치해 보세요.

$ sudo npm uninstall -g sitespeed.io

$ sudo npm install -g sitespeed.io

아래는 제 개발장비에서 실행한 결과 내용입니다.

$ sitespeed.io http://www.memebox.com

[2016-12-13 12:04:28] Versions OS: darwin 16.1.0 nodejs: v6.9.2 sitespeed.io: 4.1.3 browsertime: 1.0.0-beta.13 coach: 0.29.0

[2016-12-13 12:04:28] Starting chrome for analysing http://www.memebox.com 3 time(s)

[2016-12-13 12:04:28] Testing url http://www.memebox.com run 1

[2016-12-13 12:04:34] Testing url http://www.memebox.com run 2

[2016-12-13 12:04:41] Testing url http://www.memebox.com run 3

[2016-12-13 12:04:47] 166 requests, 6154.00 kb, firstPaint: 289ms (±4.95ms), DOMContentLoaded: 1.26s (±45.31ms), Load: 1.83s (±53.09ms), rumSpeedIndex: 299 (±3.77) (3 runs)

[2016-12-13 12:04:48] Render HTML for 1 page(s)

[2016-12-13 12:04:49] HTML stored in /Users/jjeong93/Dev/sitespeed-result/www.memebox.com/2016-12-13-12-04-28

[2016-12-13 12:04:49] Finished analysing http://www.memebox.com