검색엔진 최적화(SEO) 2탄 - 로딩 속도를 빠르게

검색엔진 최적화 (SEO) 두 번째 입니다. 첫번째에서는 메타 태그 사용에 관한 내용이었다면 이번에는 사이트의 속도를 빠르게 하여 검색엔진 최적화를 하는 방법입니다.

페이지가 열리는 시간은 검색엔진 최적화를 위해서만이 아니라 사용자들을 위해서도 꼭 필요한 내용입니다. 페이지 열리는 시간은 해당 사이트와 만나는 첫인상이라고 할 수 있으니까요.

또, 페이지가 열리기 전에 나가버리면 이탈률에도 상당히 영향을 미치고요. 이래 저래 사이트 운영에 있어서 중요한 요소가 바로 페이지 로딩 속도지요.

검색엔진 최적화 - 사이트 속도를 빠르게

이번 글 역시 검색엔진 최적화를 측정할 수 있는 SEOCert에서 수학방 블로그를 측정한 결과에 나오는 내용들을 발번역한 겁니다.

Loading Time

사이트 속도는 중요한 요소입니다. 속도가 늦은 것은 사용자들의 큰 불만사항 중 하나입니다. 로딩 시간이 너무 길면 서버나 네트워크, 코드, 구조를 살펴볼 필요가 있습니다.

1초 미만의 시간이 이상적이고, 사이트를 여는데 5초가 넘으면 사용자들과 검색엔진은 인내심이 다할 겁니다.

크기를 작게 하고 서버 응답을 더 빠르게 함으로써 웹사이트를 최적화하여 SEO를 향상시키세요.

이 내용이 중요하지 않다고 생각하는 사람은 없을 겁니다. 그 방법이 중요하겠죠. 블로그를 처음 시작할 때는 여러 가지 위젯도 넣어보고, 꾸미기도 했지만 이제는 그냥 필요한 것들만 남기고 다 지웠어요. 속도가 빠른 것이 보기에도 쾌적하더라고요.

page size

페이지의 크기는 웹사이트의 속력에 영향을 줍니다.

페이지 크기를 30kb ~ 150kb 사이로 유지하세요.

분리된 별도의 파일에 javascript와 style sheet를 넣고, 메인 페이지로 링크시키세요.

웹에 최적화된 이미지를 사용하고 다운로드을 할 때 gzip으로 다운로드 하도록 서버를 설정하세요.

너무 많은 이미지를 사용하거나 불필요한 스크립트 파일을 넣는 건 피해야 합니다.

그리고 많은 티스토리 블로거들이 블로그의 속도를 빠르게 하기위해서 gzip으로 압축하는 코드를 skin.html에 넣는데, 단순히 skin.html에 넣는다고 적용되는 건 아닙니다. 사용자가 할 수 있는 부분이 아니거든요. 그리고 그 코드를 넣지 않아도 되는데, 티스토리 자체적으로 gzip으로 압축하도록 설정되어 있어요. 측정사이트에서 측정을 해보면 해당 코드를 넣었을 때와 넣지 않았을 때 모두 gzip으로 압축되어 있다고 나옵니다.

script

스크립트들을 메인 페이지와 같은 파일에 넣는 것보다는 하나로 합쳐서 외부파일로 링크시키세요.

in-page-scripts 사용을 줄이고, 별도의 분리된 파일로 만들어서 링크시키세요.

외부 스크립트 파일의 수를 줄이는 것은 브라우저가 서버로 부터 http 요청 수를 줄이는데 도움을 줄 것입니다.

스크립트 파일을 최적화하고 압축하면 크기를 줄이고, 로딩을 빠르게 할 수 있습니다.

이 내용은 script뿐 아니라 css에도 똑같이 적용되는 내용이에요. 하지만 티스토리에는 기본적으로 너무 많은 외부 스크립트 파일과 css 파일이 있어서 사용자가 할 수 있는 부분이 별로 없습니다.

그렇다고 그냥 내버려 둬서는 안돼요. 사용자가 직접 추가하는 script나 css에는 꼭 적용하세요. 블로그 로딩속도를 빠르게 - CSSTidy와 블로그 로딩 속도 빠르게 하기 - javascript 압축에 자세히 설명되어 있습니다.

그리드형