먼저 설명하자면, Pagespeed 는 Google이 PR 평가 기준에 웹사이트 속도를 포함하겠다고 발표한 이후 출시된 Firefox Firebug 플러그인을 기반으로 하는 웹사이트 최적화 도구로, 페이지 콘텐츠를 자동으로 분석하고 매우 상세한 최적화 제안을 제공할 수 있습니다. 현재 웹마스터 도구 의 실험적 도구입니다. 웹마스터 도구의 실험실 메뉴에서 웹사이트의 속도 평가를 확인할 수 있습니다.
현재 페이지를 분석하려면 성능 분석을 클릭하세요.
페이지를 분석한 후 이미지 최적화 프로젝트를 확장하면 현재 페이지의 모든 이미지에 대한 Pagespeed의 최적화 제안을 볼 수 있습니다. PNG 형식은 더 작은 용량으로 이미지를 손실 없이 압축할 수 있으므로 Google에서는 PNG 형식의 이미지 사용을 권장합니다. 실제로 PNG 형식은 동일한 내용을 포함하는 GIF 형식보다 결코 작지 않지만 PNG 형식은 GIF보다 투명도를 훨씬 더 잘 지원합니다. 투명 PNG에 대한 IE6의 빈약한 지원을 해결하려면 온라인에서 검색할 수 있지만 다음이 있습니다. 여기에는 해결책이 없습니다.
Pagespeed는 최적화 제안에 따라 페이지의 모든 사진을 최적화한 후 전송 대역폭이 얼마나 줄어들지 계산하고 각 사진의 최적화 효과를 별도로 계산하고 비교했습니다. 압축된 버전을 클릭하면 Firefox가 새 탭에서 최적화된 이미지를 엽니다. 이 이미지를 사용하여 이전에 사용한 이미지를 대체하여 웹사이트 대역폭 오버헤드를 절약하고 웹페이지 열기 속도를 높일 수 있습니다.
JS 및 CSS 최적화
Minify JavaScript 및 Minify CSS 프로젝트를 확장하여 웹사이트 JavaScript 및 CSS에 대한 최적화 제안을 확인하세요.
우리 모두 알고 있듯이 JavaScript와 CSS는 주로 외부 링크 파일의 크기를 통해 최적화됩니다. Pagespeed에서는 YUI 압축을 사용하는 것을 권장하며 여러 온라인 압축 도구를 제공합니다. 하지만 Pagespeed를 사용하면 축소된 버전을 클릭하여 원본 파일을 대체할 압축된 JS 및 CSS 파일을 즉시 얻을 수 있습니다.
추신
Pagespeed의 사용법 데모가 여기에 소개되어 있으며, 더 많은 사용 방법이 아직 탐색되지 않았습니다. Google의 PR 평가 규칙 변경은 웹사이트 속도가 웹사이트 최적화에서 매우 중요한 부분이라는 점을 반영할 수도 있습니다.