사이트 CSS, JS, 이미지 최적화 구글 pagespeed

일하고 있는데 담당자들이 어디선가 pagespeed란걸 주워들고와서 '님 우리홈페이지 느린데 이것좀 한번 적용시켜보삼'

요렇게 왔다.

홈페이지를 최적화 시켜주는 사이트인데

우선 홈페이지를 주소를 넣으면 최적화 관련하여 분석을 해준다.(분석안되면 https로도 해보자)

여기는 지금 개발중인 사이트인데 26 안좋게나왔다.

사실 속도가 그렇게 느리지는 않다고 생각한다.

여기는 티스토리 블로그

최적화 항목을 보면 CSS, JS, 이미지 파일 관련해서 개선될 수 있는 방안을 말해준다.

그리고 아래쪽에 보면 개선된 리소스 파일 다운로드 버튼이 있다.

다운로드 받으면 프론트단의 리소스 파일들이 있다.

MANIFEST 파일을 열어보면 어떤 경로에 있는 어떤 파일을 교체해야하는지 나온다.

js, css는 min버전으로바꿔준다.

이미지는 png와 용량을 대폭 줄여준다.

하지만 pagespeed 기능이 쓰이기 힘든 두가지 이유가 있다.

1. 주소 http://ajh322.tistory.com을 집어넣으면 해당 페이지만 분석하고 최적화 해줌 -> 사이트의 페이지별로 주소따서 분석을 다해야함.

2. 최적화된 파일을 그냥 복붙하면 되는게아니라 파일 경로를 하나하나씩 다 찾아가서 바꿔줘야함. -> 노가다