2013/11/15

내가 만든 사이트 최적화하기 // 페이지스피드 인사이트(PageSpeed Insights), 웹사이트 최적화, 자바스크립트(Javascript), CSS, HTML

구글의 신기한(?) 서비스, 페이지스피드 인사이트(PageSpeed Insights)를 소개합니다.


http://developers.google.com/speed/pagespeed/insights/



사용방법은 간단합니다.

위의 링크에 접속해서 본인이 구축한 사이트 주소만 입력하면 웹페이지 분석 결과를 몇 초내에 보여주는데요,

자바스크립트(Javascript)나 CSS 등의 최적화에 대한 경각심을 불러 일으켜 주는 -.-;; 재밌는 서비스입니다.



*** 직접 만든 사이트 주소를 넣으면 아래처럼 깔끔한 결과가 안 나온다는 점~ -o-;; 경각심이 마구 생긴다는 점~


구글(Google) 페이지스피드 인사이트(PageSpeed Insights) - 웹사이트 최적화





구글(Google) 페이지스피드 인사이트(PageSpeed Insights) - 웹사이트 최적화





사이트의 구체적인 분석 결과는 각 제안의 제목 부분을 클릭하면 자세히 볼 수 있습니다. 요약 부분만 보고 '에이~ 구글도 별 거 없네'라고 생각하지 마시길 ^^;; (제가 처음에 그랬습니다 ㅋ)


구글(Google) 페이지스피드 인사이트(PageSpeed Insights) - 웹사이트 최적화



http://developers.google.com/speed/pagespeed/insights/



댓글 2개:

  1. 사이트에 이미지를 많이 사용한 경우에는

    스프라이트(Sprite) 형태로 만들어서 파일 개수를 줄이면 사이트 로딩속도가 굉장히 빨라진다고 합니다.

    웹 페이지 내에서 이미지 로딩은 CSS 코드로 좌표를 지정해서 찍어주구요. ^^a

    답글삭제
    답글
    1. 관련글입니다.


      grunt-spritesmith로 CSS Sprites 자동화하기
      http://blog.outsider.ne.kr/1133

      삭제