더 빠른 웹사이트를 위한 7가지 사이트 속도 최적화 해킹

게시 됨: 2019-12-18

느린 웹사이트는 트래픽과 전환을 죽일 수 있습니다.

Google은 사이트 속도를 순위 요소로 사용하며 최대 40%의 사람들이 로드하는 데 3초 이상 걸리는 웹사이트를 떠납니다. 훨씬 더 충격적인 것은 웹사이트 속도가 전환에 얼마나 중요한지입니다. 사이트를 로드하는 데 걸리는 시간이 100밀리초(또는 10분의 1초)라는 짧은 지연으로 인해 전환이 7% 감소할 수 있습니다.

사이트 속도 최적화 해킹

그렇다면 웹 사이트 속도를 높이는 방법은 무엇입니까? 웹사이트를 경쟁 우위로 유지하기 위한 7가지 중요한 사이트 속도 최적화 핵에 대해 알아보겠습니다!

1. HTTP 연결 유지 활성화

기본적으로 사용자가 웹사이트를 방문하면 방문자의 브라우저에서 요청이 있을 때마다 HTTP 연결이 닫히며, 이는 요청 수(스타일시트, 자바스크립트, 이미지)에 따라 웹사이트가 완전히 표시되기 전에 여러 개의 새로운 연결을 열어야 함을 의미합니다. 사용자의 브라우저에서. 그 결과 페이지를 로드하는 데 걸리는 시간을 증가시키는 요청으로 서버가 과부하됩니다.

웹 사이트 속도를 높이는 데 사용할 수 있는 간단한 해킹은 HTTP Keep-Alive를 활성화하는 것입니다.

활성화되면 Keep-Alive는 방문자의 브라우저와 서버 간의 연결이 열린 상태로 유지되도록 합니다. 결과적으로 특정 세션 동안 요청된 모든 파일은 각 요청을 처리하기 위해 여러 개의 새 연결을 만들 필요 없이 단일 연결을 통해 전송됩니다.

Keep-Alive를 활성화하면 많은 이점이 있습니다. 첫째, 클라이언트와 서버 간의 연결을 열린 상태로 유지하기 때문에 파일을 제공하는 데 필요한 시간이 줄어듭니다. 둘째, 요청이 단일 연결을 통해 전송된다는 사실은 TCP 및 SSL/TLS 연결 요청 수가 감소한다는 사실로 인해 왕복 시간(RTT) 을 줄입니다.

HTTP Keep-Alive가 서버에서 아직 활성화되지 않은 경우 활성화하는 것은 매우 간단합니다. htaccess 파일에 다음 코드를 추가하기만 하면 됩니다.

<IfModule mod_headers.c>
헤더 세트 연결 연결 유지
</If 모듈>

2. 정기적인 데이터베이스 정리 일정 잡기

데이터베이스를 정리하여 웹사이트 속도를 높일 수도 있습니다. 이것은 WordPress를 사용하는 경우 특히 중요합니다.

WordPress는 데이터베이스에 매우 의존적이며 댓글, 링크, 트랙백, 게시물, 페이지, 양식 항목, 플러그인 설정, 테마 설정 및 웹사이트 설정을 포함한 모든 필수 콘텐츠를 데이터베이스에 저장합니다. 사이트가 오래되고 많은 변경을 수행함에 따라 데이터베이스는 필수 파일뿐만 아니라 중요하지 않은 파일로 인해 점점 더 부풀려집니다.

데이터베이스를 비대하게 만들 수 있는 중요하지 않은 파일에는 게시물 수정본(때로는 수천 개), 삭제된 게시물 및 댓글, 스팸 댓글(때로는 수천 또는 수만 개), 핑백, 트랙백 및 중복 게시물 메타가 있습니다. 이러한 파일의 대부분은 데이터베이스의 크기를 불필요하게 증가시키고 결과적으로 데이터베이스에서 정보를 검색하는 데 걸리는 시간을 증가시켜 사이트 속도를 저하시킵니다.

이와 같은 상황에서 해결책은 데이터베이스를 정기적으로 정리하는 것입니다. 수동으로 테이블을 최적화하여 이를 수행하거나 최적화를 위해 WordPress 플러그인을 설치하여 보다 자동화된 프로세스를 사용할 수 있습니다.

두 가지 접근 방식 중 어떤 방식을 택하든 관계없이 데이터베이스와 전체 사이트를 정리하기 전에 백업하는 것이 중요합니다. WordPress는 완전히 데이터베이스에 의존하며 데이터베이스를 변경하기 전에 데이터베이스를 백업하지 않으면 소구 없이 전체 사이트를 잃을 수 있습니다(문제가 발생할 경우).

3. 비활성 테마 및 플러그인 제거

비활성 테마 및 플러그인 제거도 데이터베이스를 정리할 때 따라야 합니다. 플러그인과 테마는 활성화되지 않은 경우에도 데이터베이스에서 많은 공간을 차지하는 경향이 있어 웹 사이트 속도가 느려지는 경우가 많습니다.

테마 및 플러그인 목록을 정기적으로 검토하여 비활성 항목을 제거하면 더 빠른 웹사이트를 만들 수 있습니다. 이러한 비활성 테마와 플러그인이 제거되면 데이터베이스 정리를 수행하여 남겨진 모든 파일이 제거되었는지 확인해야 합니다.

4. 이미지 압축

효과적인 이미지 최적화 없이는 사이트 속도 최적화를 완료할 수 없습니다. 실제로 이미지는 평균 웹 페이지에 로드되는 데이터의 약 60%를 차지합니다. 이는 중요하며 이미지 크기를 크게 줄이는 것이 웹사이트 로드 속도를 높이는 데 큰 도움이 된다는 것을 보여줍니다.

사이트 속도에 부정적인 영향을 미치지 않는 방식으로 사이트에서 이미지 사용을 최적화할 수 있는 몇 가지 방법이 있습니다. 이미지 압축은 가장 효과적인 방법 중 하나입니다.

예를 들어 Kinsta는 이미지를 압축하여 품질 손실 없이 이미지 크기를 1,364% 이상 줄일 수 있었습니다. 원본 이미지 크기가 2.06MB인 반면, 약간 압축된 버전은 590KB, 중간 압축 버전(많은 품질 손실이 없는)은 151KB였습니다.

이는 이미지 크기가 많이 절약되고 이미지를 압축하는 것만으로도 페이지 로드 시간이 향상됩니다. 이제 하나 또는 두 개의 이미지가 아니라 훨씬 더 많은 이미지에 대해 동일한 시나리오를 상상해 보십시오. 거의 모든 이미지 편집 도구를 사용하면 많은 품질 손실 없이 이미지를 압축/크기 조정할 수 있지만 특정 WordPress 플러그인을 설치하면 한 단계 더 나아갈 수 있습니다.

팁: 콘텐츠에서 사이트 속도 및 그 사이의 모든 것에 이르기까지 전체 사이트를 관리하는 데 도움이 되는 WordPress 사이트 관리 소프트웨어를 발견하십시오.

최고의 WordPress 사이트 관리 소프트웨어를 찾아보세요. 지금 무료 검색 →

5. 지연 로딩 활성화

이미지 압축 외에도 이미지 최적화를 통해 웹사이트 로드 시간을 개선하는 또 다른 방법은 지연 로드를 활성화하는 것입니다.

본질적으로 지연 로드는 웹 사이트가 로드될 때 불필요한 이미지가 로드되는 것을 방지하여 웹 페이지의 초기 크기를 크게 줄입니다. 예를 들어 평균 150KB의 이미지 10개를 사용하는 3,000단어의 기사가 있는 경우 웹사이트의 다른 요소 외에 이미지에서 로드해야 하는 1,500KB입니다.

그러나 지연 로드를 활성화하면 사용자는 한 번에 하나의 이미지만 화면에 표시하면 되므로 처음에는 하나의 이미지만 로드됩니다(또는 기사 도입 시 이미지가 있는지 여부에 따라 이미지가 전혀 로드되지 않음). 여부) 동안 다른 이미지의 로드는 사용자가 해당 위치로 스크롤할 때까지 지연됩니다. 결과적으로 사이트가 처음 로드될 때 최대 1,350KB의 초기 절약이 이루어지고 훨씬 더 빠른 웹사이트가 생성됩니다.

관련: 다음 5가지 기술 중 하나를 사용하여 웹사이트에서 이미지를 지연 로드할 수 있습니다.

6. 리디렉션 최소화

사이트가 오래되면 리디렉션이 많이 생기는 것은 당연합니다. 그러나 리디렉션이 제대로 수행되지 않거나 리디렉션이 너무 많으면 사이트가 느려지기 시작하여 사이트 로드 시간에 부정적인 영향을 미칩니다. 물론 리디렉션 없이는 거의 할 수 없지만 걱정해야 하는 경우가 있습니다.

리디렉션 체인 이 너무 많은 경우

리디렉션 체인은 원래 URL과 도착 URL 사이에 둘 이상의 리디렉션이 있는 경우입니다. 예를 들어, 1페이지는 3페이지로 리디렉션되고 최종적으로 5페이지로 리디렉션됩니다. 이와 같은 경우 사이트 속도가 종종 부정적인 영향을 받습니다. 솔루션은 사용자가 대상 페이지에 도달하기 전에 관련된 리디렉션 수를 줄이는 것입니다.

일반적으로 리디렉션이 너무 많은 경우

소규모 사이트에서는 이것이 문제가 되지 않을 수 있지만 일반적으로 큰 사이트에서는 특히 htaccess를 통해 리디렉션이 설정될 때 문제가 됩니다. 수천 개의 리디렉션이 시작되면 모든 리디렉션을 철저히 검토하고 필요한 정리를 수행해야 합니다.

7. 캐싱 활성화

캐싱을 활성화하여 웹사이트 속도를 크게 향상시킬 수도 있습니다. 캐싱을 활성화하면 방문자가 웹사이트를 처음 방문할 때 웹사이트 리소스 파일이 자동으로 방문자의 컴퓨터에 저장됩니다. 브라우저가 서버에 새로운 요청을 해야 하는 대신(많은 사람들이 동시에 요청하는 경우 서버 응답에 영향을 미치고 일반적으로 웹사이트 속도가 느려짐) 컴퓨터에서 리소스 파일을 가져옵니다. 훨씬 빠르게 로드됩니다.

캐시할 수 있는 리소스 파일에는 웹사이트 로고, CSS 파일 및 기타 주요 리소스와 같은 주요 파일이 포함됩니다. 이러한 파일이 저장되면 웹사이트에서 이러한 리소스를 사용하는 모든 페이지가 더 이상 서버에서 새로 다운로드할 필요가 없으므로 훨씬 빠르게 로드됩니다.

Varvy에서 제공하는 다음 코드를 사용하도록 htaccess 파일을 업데이트하여 캐싱을 활성화할 수 있습니다.

htaccess 코드 캐싱


WordPress를 사용하는 경우 다음 캐싱 플러그인을 설치하여 캐싱을 활성화할 수 있습니다.

  • W3 총 캐시
  • W3 슈퍼 캐시
  • 벌새

결론

위의 해킹 중 하나만 구현하면 웹 사이트 속도가 크게 향상되어 추가 트래픽을 생성하지 않고도 트래픽, 전환 및 판매가 증가할 수 있습니다.

사이트 속도 외에도 페이지 순위에 영향을 미치는 다른 요소가 많이 있습니다. 모든 사이트 측정항목을 관리하려면 추적 상태를 유지하고 웹사이트 속도, 순위 등을 높이는 데 도움이 되는 최고의 SEO 도구를 찾으십시오.

가장 사용하기 쉬운 SEO 도구 보기 →