구글 페이지스피드 인사이트

최근 홈페이지 속도가 꽤 낮았다. 하지만 속도를 높이기 위해서는 렌더링 블록(Rendering Block)이 활성화하지 않도록 해야하지만, 방법을 찾지 못해 포기를 했다. 그러다 최근 우연히 너무나 낮은 속도와 쉽게 늘지않는 접속수를 보며, 뭔가 방법을 찾아 ‘구글 페이지스피드 인사이츠‘(Google PageSpeed Insights)의 점수를 높여야겠다는 생각이 들어 다시 문제해결에 나섰다.

빠르고 안정적인 서버의 사용

모든 것에 앞서 속도를 안정적으로 유지하기 위해서는 서버가 느리지 않아야 한다. 그렇지만 비용이 걸려있기에 쉽게 변화주기 어렵다. 단 하나, 서버의 공간이 꽉 차도록 사용하기보다는 조금 여유있게 운용한다면 나을 것이라는 것을 알고있다.

1. 이미지 최적화

이미지가 많은 사이트의 경우 화질을 볼만하게 유지하며 파일의 크기를 가능한 줄여야 한다. 그런데 실제 쉽지않은 작업이다. 하지만 최근 발견한 ‘ImageOptim’이라는 소프트웨어로 파일을 획기적으로 줄일 수 있었다.

2. js css html 등 파일 최적화, minify

많은 고민을 했고 많은 시행착오를 거쳤지만, 현재 가장 효과적인 것은 ‘autoptimize’로 보인다. 오톱티마이즈로 상당한 점수를 향상시켰다.

3. 사용하지 않는 스크립트 비활성화

해결이 쉽지 않았으나 다행히 ‘functions.php’에서 비활성하는 것으로 해결했다.

4. 렌더링블록 비활성

가장 골치아프고 해결할 수 없었던 부분이지만, 대략적으로 해결된 듯하다. 특히 어도비 타이프키트(Adobe Typekit)와 구글 폰트의 사용상 문제였지만, 최적화할 수 있는 파일로 변경 후 이 문제는 사라진 듯하다. ‘head’에 삽입.

5. 프론터엔드에 필요없는 ‘Dashicon’과 ‘Emojie’ 비활성화

백엔드에서 주로 사용하는 이들은 ‘functions.php’에서 프론트엔드에서의 사용을 비활성화함으로 해결되었다.

현재 이 홈페이지(mywalk)의 구글 페이지스피드 인사이츠 결과:

• 

• 

또 다른 홈페이지(lingoda.co.kr)의 구글 페이지스피드 인사이츠 결과:

• 

•