• SEO 알아보기

페이지 속도란?

  • Felix Rose-Collins
  • 2 min read

소개

페이지 속도는 페이지의 콘텐츠가 설정되거나 로드되는 속도를 기록합니다. 페이지 로딩 속도를 사이트 속도와 혼동하는 경우가 있는데, 실제로는 다른 용어입니다. 페이지 속도는 로드 시간 또는 첫 바이트까지의 시간으로 설명됩니다. 페이지 속도가 빠르면 페이지 순위와 전환율 향상에 도움이 됩니다. 페이지 속도는 빠를수록 좋으며, 페이지 속도가 빠를수록 페이지 순위와 전환율이 더 높은 것으로 나타났습니다.

최고의 SEO 전략: 페이지 속도

Google은 페이지 또는 사이트 속도가 알고리즘에서 페이지 순위를 매기는 데 사용된다는 사실을 확인했습니다. 느리게 로드되는 페이지에는 더 적은 수의 크롤러가 액세스할 수 있으므로 색인화할 수 있는 페이지 수가 줄어듭니다. 페이지 속도는 사이트 사용자에게도 중요합니다. 로드 시간이 느리면 전환율과 사이트 수익률에 부정적인 영향을 미칩니다. 검색 엔진은 페이지 속도를 고려할 때 첫 번째 바이트 시간을 측정합니다.

페이지 속도가 느리면 웹사이트의 크롤링과 부정적 색인화 횟수가 줄어듭니다. 궁극적으로 페이지 속도는 사용자 경험의 한 요소입니다. 페이지 로딩 시간이 길어지면 전환율에 부정적인 영향을 미치는 것으로 나타났기 때문에 로딩 및 대기 시간이 길어지면 이탈률도 높아집니다.

사이트 압축

데이터 압축용 소프트웨어 프로그램인 Gzip을 사용하여 150바이트보다 클 수 있는 현재 CSS, HTML 및 JavaScript 데이터 파일의 크기를 축소할 수 있습니다. Gzip은 이미지 파일에는 유용하지 않습니다. 대신 이미지의 품질 관리를 유지할 수 있는 포토샵과 같은 프로그램을 사용하여 이러한 파일을 압축하세요.

HTML 외에도 CSS, 자바스크립트 축소

코드를 최적화하면 현재 페이지 속도를 크게 높일 수 있습니다. 또한 코드 응답, 서식 지정 및 버려진 코드도 제거할 수 있습니다. 구글은 CSS와 자바스크립트 모두에 YUI 압축기를 적용할 것을 권장합니다.

낮은 리디렉션

리디렉션은 작동 속도를 느리게 합니다. 모바일 사이트의 리디렉션 패턴이 다음과 같이 코딩된 경우:

123abc.com -> www. 123abc.com -> m. 123abc.com -> m. 123abc.com/home

페이지가 다른 웹페이지로 리디렉션될 때마다 현재 웹사이트 방문자는 특정 HTTP 요청-응답 회로가 수행되기를 기다리는 시간이 길어집니다. 두 번의 추가 리디렉션으로 인해 페이지가 매번 느리게 로드됩니다. 이러한 리디렉션은 사용자 경험에 부정적인 영향을 미칩니다.

브라우저 캐싱

웹 브라우저는 대량의 정보(스타일 시트, 사진, JavaScript 레코드 등)를 캐시하여 웹사이트 방문자가 사이트를 다시 방문할 때마다 해당 페이지가 강제로 다시 로드되지 않도록 합니다. YSlow와 같은 도구를 사용하여 캐시에 적절한 만료 시간이 설정되어 있는지 알아보세요. 그런 다음 데이터를 캐시된 상태로 유지하려는 기간에 대해 '만료' 헤더를 설정하세요. Google은 캐시 활용에 대한 정보를 제공하며, 사이트 디자인을 1년에 한 번 이상 변경하지 않는 한 사이트에 제공된 정보가 매우 유용할 것입니다.

서버 반응 향상

방문자 수는 현재 서버 응답 기간에 직접적인 영향을 미칩니다. 서버 응답 속도를 높이려면 느리게 이동하는 문의, 느린 라우팅 또는 불충분한 항목으로 인한 감소와 같은 성능 병목 현상을 찾아서 이러한 항목을 복구하는 작업을 수행하세요. 완벽한 서버 응답 기간은 실제로 200ms 미만입니다.

콘텐츠 공급 서클 활용

CDN(콘텐츠 배포 네트워크)은 연결된 데이터 공유 네트워크를 통해 배포하는 데 사용되는 서버와 연결된 네트워크입니다. 기본적으로 사이트의 사본이 지리적으로 다양한 여러 정보 시설에 저장되어 최종 사용자가 이전에 허용된 것보다 더 빠르게 정보에 액세스할 수 있습니다.

그래픽 부스트

사진이 필요 이상으로 크지 않은지, 적절한 파일에 있는지, 웹용으로 다운사이징되었는지 확인하세요. CSS 스프라이트를 사용하여 버튼이나 아이콘처럼 사이트에서 정기적으로 사용하는 사진에 관한 템플릿을 만드세요. CSS 스프라이트는 이미지를 하나의 실질적인 사진으로 직접 결합하여 짧은 시간 내에 로드되므로 HTTP 요청이 훨씬 적습니다. 사용자가 여러 이미지 로딩 대기열을 기다릴 필요가 없으므로 로드 시간이 절약됩니다.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

랭크트래커 사용 시작하기... 무료로!

웹사이트의 순위를 떨어뜨리는 요인이 무엇인지 알아보세요.

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

Different views of Ranktracker app