WordPress 사이트를 더 빠르게 최적화하는 10가지 방법

주의 집중 시간이 2000년 12초에서 2013년 8초로 감소했다는 최근 Microsoft 연구를 통해 웹 사용자가 참을성이 없다는 것이 점점 더 분명해지고 있습니다. 추가 연구에 따르면 로드하는 데 3초 이상 걸리는 경우 사용자의 40%가 웹사이트를 포기합니다.

기본적으로 WordPress는 가볍고 빠르지 만 일반 웹 사용자의 구성은 작업을 느리고 매우 복잡하게 만들 수 있습니다. 빠른 워드프레스 사이트를 원하신다면 다음 팁에 특히 주의하세요.

1. 정기적으로 데이터베이스 최적화

WordPress는 데이터베이스에 크게 의존하는 CMS이며 이로 인해 속도가 느려질 수 있습니다.

다음 측면은 많은 데이터베이스를 사용하며 느린 웹 사이트에 기여할 수 있습니다.

• 수정 후: 수정 후는 데이터베이스를 빠르게 막고 사이트를 느리게 만들 수 있습니다. 각 게시물 개정은 데이터베이스의 새로운 항목이며 빠르게 추가됩니다. 게시물 수정을 비활성화하거나 제한할 수 있습니다. 제한된 수정을 원하면 아래 코드를 추가하여 wp-config.php 파일을 업데이트할 수 있습니다.

  [암호]
  정의('AUTOSAVE_INTERVAL', 300); // 초
  정의('WP_POST_REVISIONS', 5);
  [/암호]

  위의 코드는 WordPress에 최대 5개의 게시물 수정본을 저장하고 5분 간격으로 수정본만 저장하도록 지시합니다. 게시물 수정 요구 사항을 반영하도록 코드를 편집할 수 있습니다.

  또는 wp-config.php 파일에 코드를 추가하지 않으려면 개정 제어 또는 WP-Sweep WordPress 플러그인을 설치하여 개정 후 자동으로 관리할 수 있습니다.

• 핑백 및 트랙백: 핑백 및 트랙백도 데이터베이스를 방해할 수 있으므로 비활성화할 수 있습니다.
• 블로그 댓글: 블로그 댓글이 반드시 나쁜 것은 아닙니다. 데이터베이스에서 불필요하게 공간을 차지하는 수천 개의 스팸 댓글이 있다는 사실을 알게 될 때까지입니다. 스팸 댓글이 메모리 공간을 차지하지 않도록 정기적으로 삭제해야 합니다.
• 플러그인: 일부 플러그인은 데이터베이스에 데이터와 로그를 저장합니다. 처음에는 그들이 얼마나 많은 공간을 소비하고 있는지 깨달을 때까지 그것들이 유용하다는 것을 알게 됩니다. 내 데이터베이스 공간의 최대 160MB를 사용하는 분석 데이터도 표시하는 URL 단축 플러그인이 있습니다. 예, 그것은 단지 하나의 플러그인입니다! 일반적으로 이러한 플러그인은 필요하지 않으며 제거하거나 대체할 수 있습니다.
• 분석 및 로그: 일반적으로 사이트에 분석 및 로그 데이터를 저장하는 플러그인에 주의하십시오. 대부분의 경우 데이터베이스 공간을 많이 사용하므로 웹사이트가 복잡하고 느려질 수 있습니다.

더 나은 방법은 WP-Optimize 플러그인을 설치하고 정기적으로 데이터베이스를 정리하는 데 사용할 수 있다는 것입니다.

2. 이미지 최적화

이미지 크기는 사이트가 로드되는 데 걸리는 시간까지 합산됩니다. 이것은 특히 이미지가 많은 사이트를 운영하거나 모든 기사에 이미지를 사용하고 홈페이지에도 로드해야 할 때 발생합니다.

이에 대해 두 가지 방법이 있습니다.

• 이미지 크기를 정기적으로 최적화하고 축소합니다. 나중에 설명하겠지만 품질 저하 없이 이 작업을 수행할 수 있습니다.
• 이미지 로딩 지연; 이렇게 하면 독자가 이미지가 있는 곳으로 스크롤할 때까지 이미지가 로드되지 않습니다. 이것은 또한 사이트 로딩 문제를 방지하는 데 도움이 될 수 있습니다.

이미지를 최적화하면 2MB의 이미지를 품질 저하 없이 600kb로 줄일 수 있습니다. 이는 사용자 경험에 필요하지 않은 이미지에 포함된 정보를 제거하여 수행됩니다. WP Smush 플러그인 또는 EWWW Image Optimizer 플러그인을 설치하여 WordPress 블로그의 이미지를 최적화할 수 있습니다. WordPress에 국한되지 않는 수동 옵션의 경우 Kraken을 살펴보는 것이 좋습니다.

3. 캐싱 및 만료 헤더 활성화

캐싱이 활성화되면 대부분의 WordPress 웹 사이트가 두 배 빨라질 수 있습니다. 캐싱은 방문자의 브라우저 캐시에 웹사이트 버전을 저장하여 작동하므로 방문자가 웹사이트를 방문할 때마다 캐시된 버전이 자동으로 제공됩니다. 일반적으로 캐시 설정을 다르게 구성하지 않는 한 웹사이트를 업데이트할 때 방문자의 브라우저 캐시가 새로 고쳐져 방문자가 손실되지 않습니다.

캐싱을 효과적으로 활용하면 다음과 같은 방법으로 웹사이트 속도를 최적화할 수 있습니다.

• 서버에서 직접 파일을 요청하는 대신 독자의 브라우저가 캐시에서 파일을 가져와 거의 즉각적인 경험을 제공합니다.
• 서버의 감소된 요청으로 인해 서버의 부하가 줄어들어 서버가 새로운 사용자에게 파일을 훨씬 더 빠르게 전달할 수 있습니다.

캐싱은 웹사이트 속도를 높이는 데 매우 효과적일 수 있으며 웹사이트에 대해 전체 캐싱을 활성화하면 웹사이트 속도가 2.4초에서 900밀리초로 향상될 수 있는 것으로 관찰되었습니다.

다음 플러그인을 설치하여 웹사이트에서 캐싱을 활성화할 수 있습니다.

• WP 슈퍼 캐시
• WP 총 캐시
• WordFence(그리고 "Falcon Engine" 활성화)

캐싱을 활성화하면 Expires 헤더를 활성화하여 사이트를 훨씬 빠르게 만들 수도 있습니다. 방문자의 브라우저에 서버에서 특정 파일을 요청할 시기를 알려줌으로써 Expires 헤더는 서버 리소스를 절약하고 사용자에게 더 빠른 웹사이트를 제공할 수 있습니다. 다음은 Expires 헤더를 활성화하는 방법에 대한 편리한 자습서입니다.

4. GZIP 압축 활성화

컴퓨터에서 파일을 ZIP 형식으로 압축할 때 가장 좋아하는 도구는 무엇입니까? 7-zip? 윈라? 파일을 한 번 이상 압축했는데 200MB의 파일이 40MB로 갑자기 줄어든 기적적인 효과를 보았습니까? 도대체 어떻게 된 걸까요? 나는 압축의 기술에 익숙하지 않지만 이를 귀하의 웹사이트에 복제하고 더 빠른 웹사이트 경험을 보장할 수 있다는 것을 알고 있습니다.

GZIP 압축은 웹사이트 파일을 ZIP으로 압축하는 데 도움이 되며 방문자에게 모든 것을 그대로 제공합니다. 즉, 귀하의 웹사이트를 방문하는 경험은 동일하지만 방문자가 압축된 버전을 제공받기 때문에 귀하의 사이트는 훨씬 더 빠릅니다.

Smashing Magazine의 기사에서 Marcus Taylor는 GZIP 압축으로 인해 68KB에서 13KB로 증가한 사이트의 사례 연구를 소개했습니다. GZIP 압축만 기반으로 하면 해당 사이트가 기본적으로 5배 더 빠릅니다. 다음은 GZIP 압축을 활성화할 수 있는 3가지 방법을 보여주는 자습서입니다.

5. CDN 사용

연구에 따르면 CDN은 웹사이트 속도를 최대 60%까지 높일 수 있습니다.

콘텐츠 전달에 영향을 미치는 많은 요소가 있지만 인도에서 호스팅되는 웹사이트는 미국의 인터넷 연결보다 인도의 인터넷 연결을 통해 훨씬 빠르게 액세스할 수 있습니다. 신뢰할 수 있는 CDN 서비스를 사용하지 않는 한, 웹 사이트 위치에 더 가까운 인터넷 연결을 가진 사람들은 더 빠른 속도를 얻을 수 있습니다.

CDN을 사용하도록 WordPress 사이트를 구성하면 방문자에게 가장 가까운 버전을 제공할 수 있도록 전 세계 서버에 콘텐츠를 배포할 수 있습니다. 따라서 아시아에서 방문하는 사람에게는 미국의 기본 버전 대신 아시아의 웹사이트 버전이 제공됩니다.

많은 CDN 제공업체가 있으며 Google 검색에 옵션이 표시됩니다. 가장 인기 있는 CDN 서비스 중 일부는 CloudFlare(무료) 및 MaxCDN(유료)입니다.

6. WordPress 테마 최적화 또는 변경

WordPress 테마는 또한 사이트 로딩 시간에 많은 기여를 할 수 있습니다. 부풀려지고 외부 쿼리에 크게 의존하는 WordPress 테마를 사용하는 경우 규정 준수 표준을 기반으로 구축된 테마를 사용하는 사용자에 비해 웹 사이트 속도가 훨씬 느려집니다.

Copyblogger에 대한 사례 연구에서 Jerrod Morris는 웹사이트 테마 변경으로 인해 사이트 로딩 시간이 630ms에서 172ms로 어떻게 걸릴 수 있었는지 밝혔습니다. 이것은 WordPress 테마의 변경을 제외하고 다른 모든 것이 동일하다는 사실에도 불구하고였습니다.

7. 이미지 스프라이트와 배경 이미지 결합

WordPress 테마는 깨끗한 배경을 적절하게 표시하기 위해 CSS 명령과 함께 여러 배경 이미지에 의존합니다. 당신이 보고 있는 아름다운 배경 이미지는 아마도 12개의 다른 배경 이미지로 구성될 것입니다. 표면적으로는 12개의 이미지가 방문자의 브라우저에서 서버에 대한 12개의 다른 요청을 나타낸다는 것을 깨달을 때까지는 정상적이고 순진해 보입니다. 이 12개의 이미지를 1개로 바꿀 수 있다면 어떨까요? 속도가 급격히 증가하는 것을 확인할 수 있습니다.

배경 이미지를 이미지 스프라이트로 결합하여 테마의 다양한 배경 이미지를 하나의 이미지로 전환한 다음 CSS를 사용하여 웹사이트가 정상적으로 표시되도록 할 수 있습니다. 이렇게 하면 방문자의 브라우저가 다운로드해야 하는 총 바이트 수, 왕복으로 인한 지연 및 요청 오버헤드가 줄어듭니다. 그 결과 훨씬 빠른 웹사이트가 제공됩니다.

SpriteMe를 사용하여 이미지를 스프라이트로 결합할 수 있습니다.

8. JavaScript 코드에는 비동기 전달만 사용

Facebook 다운타임으로 인해 웹사이트가 다운되거나 엄청나게 느려지는 것을 본 적이 있습니까? 흥미로운 점은 Facebook 코드를 설치할 때만 이런 일이 발생하지 않는다는 것입니다. 모든 사이트에서 동기식으로 코드를 설치할 때 발생할 수 있습니다. 특히 분석 또는 추적 서비스가 그렇습니다. 코드가 사이트에 동기식으로 설치된 경우 코드 섹션에 따라 사이트의 다른 요소가 로드되기 전에 코드가 먼저 로드되어야 합니다.

JavaScript 코드에 대해 비동기식 전달만 사용하면 사이트에 있는 JavaScript 코드의 서버에 무슨 일이 일어나고 있는지에 관계없이 사이트가 적절하고 빠르게 작동하도록 할 수 있습니다.

9. HTTP 연결 유지 활성화

방문자가 서버에서 파일을 요청할 때마다 각 파일이 개별적으로 전송됩니다. 이 접근 방식의 문제는 각 파일에 대해 새 연결을 열어야 하므로 한 번에 얼마나 많은 사람들이 웹사이트를 방문하는지에 따라 결국 웹사이트 속도가 느려집니다. HTTP Keep-Alive를 활성화하면 방문자의 브라우저에 단일 연결을 통해 모든 파일을 전달하도록 지시하는 것입니다. 이렇게 하면 모든 파일이 전송될 때까지 연결이 열려 있으므로 서버에서 열려 있는 연결 수가 줄어들고 웹 사이트가 더 빨라집니다.

10. 더 나은 호스트 얻기

웹 호스트가 형편없다면 이 기사에서 제시하는 팁은 별 차이가 없을 것입니다. 나는 정기적으로 웹 호스트를 분석하고 프로파일링하며, 그 과정에서 페이지 로드와 관련하여 10점 만점에 2점인 웹 호스트를 보았습니다. 이러한 웹 호스트를 사용하면 서버 구성이 형편없기 때문에 사이트를 빠르게 만들 수 없습니다.

Smashing Magazine 기사에서 Marcus Taylor는 웹 호스트가 사이트의 로딩 시간에 얼마나 많은 영향을 미칠 수 있는지 보여주는 사례 연구를 포함했습니다. 그는 두 고객의 사이트 속도를 비교했습니다. 하나는 전용 서버에 있고 다른 하나는 공유 호스트에 있습니다. 반응은 놀라웠습니다. 전용 서버의 사이트는 응답 시간이 7밀리초인 반면 저렴한 공유 호스팅 서버의 사이트는 응답 시간이 250밀리초였습니다.

웹 호스트는 확실히 중요합니다. 웹 호스트에 정착하기 전에 적절한 조사를 했는지 확인하십시오.