WordPress 속도 최적화에 대한 전체 가이드

게시 됨: 2021-04-19

큰 회의가 있고 팀이 한 달 동안 리허설을 한다고 상상해 보십시오. 이 모든 준비가 끝나면 프레젠테이션에 필요한 노트북을 가져오도록 배정된 팀원이 뒤에서 달려가고 있습니다. 그리고 팀원이 예정보다 10분 늦게 나타나서 잠재 고객은 기다리느라 지쳐 있습니다.

글쎄, 그것은 너무 해로운 소리로 들리고 클라이언트와 잘 어울리지 않을 것입니다. 이제 방문자가 앉아서 웹 사이트가 브라우저에 로드될 때까지 기다려야 할 때 어떻게 느끼는지 상상할 수 있습니다. 일부 웹 페이지를 로드하는 데 10초 이상 걸린다면 어떻게 하시겠습니까? 아니면 6개? 4개?

사이트의 속도가 중요하다는 것은 큰 비밀이 아닙니다. 로드가 느린 웹사이트, 특히 Google을 원하는 사람은 없습니다. 따라서 열악한 사용자 경험을 구축하고 Google에서 순위를 매길 가능성을 낮추고 싶지 않다면 WordPress Speed ​​Optimization에 무언가를 할 때입니다.

웹의 거의 40.0%가 WordPress로 구동되며, 속도를 위해 WordPress를 최적화하기 위해 공존해야 하는 수십만 개의 플러그인, 테마 및 기타 기술이 있습니다. 일상적인 WordPress 사용자는 웹 사이트가 병목 현상으로 설정되어 있고 그 이유조차 모를 때 이것을 악몽으로 생각할 수 있습니다.

여기에서는 오늘 웹사이트 속도를 높일 수 있도록 WordPress 속도 최적화와 관련하여 알아야 할 모든 것을 공유합니다. 너무 기술적이거나 "코드 기반"이 되지 않으면서 WordPress 성능 최적화를 안내할 수 있기를 바랍니다. 사실, 우리는 여기에서 코드 예제를 피하려고 노력합니다.

자, 준비됐나요? 의 시작하자.

i) WordPress 웹사이트의 속도를 늦추는 것은 무엇입니까?

무엇보다도 웹사이트를 느리게 만드는 경향이 있는 몇 가지 중요한 원인을 살펴보겠습니다. 초점을 맞춰야 하는 섹션입니다.

ㅏ. 이미지

이상한 이미지 크기는 웹사이트 속도를 죽입니다.

비. 비디오

비디오 배경과 같은 WordPress 기능은 훌륭하지만 사이트 속도에 대한 실제 성능 저하이기도 합니다.

씨. 워드프레스 플러그인

WordPress 플러그인은 확실히 생명의 은인이지만 "어떤 것"과 "얼마나 많이"가 차이를 만들 것입니다.

디. 워드프레스 테마

동일한 규칙이 테마에 적용됩니다. 좋은 WordPress 웹 디자인은 필수입니다. 그러나 잘못 코딩된 테마에는 문제를 일으킬 수 있는 파일과 스크립트가 너무 많습니다.

이자형. 스크립트

JavaScript, jQuery 또는 기타 타사 스크립트가 과도하게 사용되면 웹 페이지가 느려질 수 있습니다.

에프. 아피스

API는 콘텐츠 관리에 확실히 도움이 됩니다. 그러나 웹 사이트가 연결된 서버가 느린 경우 처음에는 사이트 응답이 느립니다.

g. 엉성함

미디어 폴더, 플러그인, 블로그 콘텐츠 또는 데이터베이스에서 실수가 발생할 수 있습니다.

시간. 깨진 링크

하나 또는 두 개의 끊어진 링크는 끔찍하지 않습니다. 그러나 끊어진 링크로 가득 찬 사이트는 사용자 경험에 피해를 줄 수 있으며 서버가 끊어진 연결에서 계속 작동하기 때문에 속도가 느려질 수 있습니다.

나. 리디렉션

다시, 리디렉션은 방문자가 깨진 링크/이전 URL을 만나지 못하도록 방지하지만 너무 많으면 서버의 작업 부하가 됩니다.

시작하기 전에…

ii) 백업, 스테이징 및 테스트

WordPress 웹 사이트를 백업하는 가장 좋은 전략은 새 하위 도메인(예: testing.domain.com)을 만들고 모든 최적화 작업을 수행하는 것입니다. WPEngine, Siteground, Kinsta 및 기타 유명 회사와 같은 대부분의 호스팅 서비스 제공업체는 원클릭 스테이징을 제공합니다. 호스팅 회사에서 스테이징 사이트 생성을 제공하지 않는 경우 무료 또는 프리미엄 백업 플러그인을 사용하여 백업을 얻을 수 있습니다. 스테이징 사이트의 결과에 만족하면 근본적인 변경 사항을 라이브 웹 사이트에 통합할 수 있습니다. 이제 귀하의 사이트는 문제 없이 속도에 최적화되었습니다.

채택할 수 있는 또 다른 기술은 하위 테마를 구축하는 것입니다. 자식 테마를 사용하면 테마 파일의 변경 사항이 부모 테마에서 덮어쓰여지지 않습니다.

마지막으로 이 WordPress 속도 테스트 사이트를 사용하여 현재 속도를 테스트하십시오.

  • 구글 페이지스피드
  • GTmetrix
  • 핑돔

이제 WordPress 성능 최적화 단계를 시작하겠습니다.

1. 고성능 웹 호스팅 제공업체 선택

다음과 같은 특성을 가진 호스팅 회사부터 시작하겠습니다.

  • WordPress 호스팅을 전문으로 하는 회사 - 고유한 CMS 관련 성능 문제를 이해하고 있습니다.
  • 일부 관리 호스팅 옵션 제공
  • 최신의 가장 빠른 기술을 사용합니다.
  • 캐싱 및 CDN 포함
  • 그리고 훌륭한 고객 지원은 해를 끼치 지 않을 것입니다

그러나 우리는 어떻게 가장 좋은 것을 선택할 수 있습니까?

TTFB를 확인하기 위해 호스팅 품질을 측정하는 가장 쉬운 방법입니다. 첫 번째 바이트까지의 시간은 서버의 응답 시간을 나타내며 기본적으로 서버의 속도를 나타냅니다. 무료 TTFB 테스트를 위해 ByteCheck를 사용할 수 있습니다. WPengine, Kinsta, SiteGround, Bluehost, HostGator 등은 신뢰할 수 있는 웹사이트 호스팅 제공업체입니다.

2. 캐싱 사용

웹사이트 캐싱은 웹 페이지의 정적 HTML 버전을 저장하고 방문자가 웹사이트를 방문할 때 나중에 다시 사용하는 기술입니다. 그렇게 하면 브라우저에 사이트에 대한 필요한 정보가 이미 있으므로 WordPress 속도가 향상됩니다.

특히 자주 업데이트되지 않는 정적 사이트의 경우 캐싱 플러그인을 사용하면 가장 큰 이점을 얻을 수 있습니다. WP Rocket, Cache Enabler, WP Super Cache, W3 Total Cache 등은 시장에서 가장 우수한 제품입니다.

이 플러그인은 서버의 로드 시간을 줄이고 다음과 같은 다른 속도 최적화 작업을 처리합니다.

  • 브라우저 및 페이지 수준 캐싱
  • Gzip 파일 압축
  • CSS와 JavaScript 파일 결합
  • CSS, HTML 및 JavaScript 축소
  • CDN 통합

호스팅 공급자가 이미 캐싱 시스템과 함께 제공되는 경우 추가 플러그인을 추가할 필요가 없습니다.

3. 현명하게 플러그인과 테마를 선택하세요

테마와 플러그인이 서버에 부담을 줄 수 있다는 사실을 알고 계십니까? 이것이 WordPress 테마 및 플러그인 사용에 대해 까다로워야 하는 이유입니다.

ㅏ. 올바른 WordPress 테마

잘못 코딩되고 업데이트되지 않은 테마는 페이지에 쓸모없는 스크립트를 추가하여 페이지 로드 환경을 열악하게 만듭니다. 따라서 사이트에 설치하기 전에 품질 관리 문제에 대한 선택을 설정하십시오. 슬프게도 시장에 나와 있는 대부분의 무료 WordPress 테마는 디자인이 좋아 보이고 더 많은 기능으로 가득 차 있지만 성능은 무시됩니다.

우리의 좋은 테마는 전용 성능 기능 세트와 함께 제공되며 추가 타사 플러그인이 필요하지 않습니다.

비. 가장 필요한 플러그인만 사용

WordPress 플러그인을 선택할 때 다음 팁을 염두에 두십시오.

  • 플러그인이 필요한지 또는 일부 WordPress 기능/간단한 코딩을 플러그인에 대한 보완으로 사용할 수 있는지 확인합니다.
  • 성능의 언급된 문제와 함께 각 플러그인을 검토하십시오. 의심스러운 기록이 있는 것을 설치하지 마십시오.
  • 많은 기능 대신에 하나만 사용할 수 있도록 여러 기능을 갖춘 플러그인을 찾으십시오.
  • 사이트를 안전하고 빠르게 유지하려면 테마와 플러그인을 업데이트해야 합니다. 그러나 동시에 일부 업데이트로 인해 테마/플러그인과 WordPress가 호환되지 않을 수 있습니다. 따라서 업데이트가 유용한 경우에만 설치하십시오.

씨. 플러그인 사용 재고하기

예, 너무 많은 WordPress 플러그인을 사용하면 웹사이트 속도가 느려집니다. 그러나 플러그인의 수는 사용하는 플러그인의 품질만큼 중요하지 않습니다. 실제로 중요한 것은 특정 플러그인이 어떻게 개발되었는지입니다. 성능을 염두에 두고 구축되었습니까? 즉, 이전 플러그인 중 일부를 살펴보고 새롭고 가벼운 플러그인으로 교체할 수도 있습니다.

4. PHP 7 이상 사용

PHP 버전에 대해 들어본 적이 있습니까? 당신은해야합니다. PHP는 오픈 소스 서버 측 스크립팅 언어입니다. 핵심 WordPress 소프트웨어와 함께 대부분의 테마와 플러그인은 기본적으로 PHP로 작성되었습니다.

먼저 WordPress 호스트가 PHP 7 이상을 사용하고 있는지 확인하십시오. 데이터에 따르면 전체 WordPress 사이트의 6.8%만이 PHP 7.3을 사용하지만 28.6%는 여전히 PHP 5.6(2014년 출시)을 사용합니다.

누군가가 2014년에 출시된 전화기를 당신에게 준다면? 그것은 당신을 미치게 만들 느리고 느린 반응을 가질 것입니다.

이것이 바로 방문자가 PHP 5.6을 사용하는 느낌일 것입니다.

5. SSL/HTTPS 사용

SSL 인증서는 WordPress 속도에 직접적인 영향을 미치지 않지만 여전히 인증서를 받는 것이 좋습니다. 첫째, 중요한 것은 HTTPS/SSL을 적절히 사용하면 더 나은 순위를 얻을 수 있다는 점입니다.

또한 SSL 인증 웹사이트에는 주소 표시줄 위에 작은 녹색 자물쇠 표시가 있어 고객의 신뢰를 높입니다.

다른 이유는 보안입니다. 귀하의 사이트에 SSL 인증서가 있으면 귀하의 웹사이트와 주고받는 데이터/정보 전송을 암호화하여 사이트를 더욱 안전하게 만듭니다.

6. 이미지 최적화

사이트에 이미지가 있는 것은 항상 좋은 일입니다. 그러나 잘못된 종류는 웹사이트에 가장 큰 재앙이 될 수 있습니다. 웹사이트 속도를 높이는 빠른 방법은 이미지를 최적화하는 것입니다.

이미지 최적화가 사이트를 더 빠르게 만드는 방법을 알고 있습니까? 웹사이트의 대역폭 사용량을 줄이고 사용자 참여를 유지하기 위해 빠르게 열리며 Google 검색 엔진에 웹사이트를 싫어할 이유가 한 번 더 주어지지 않도록 할 수 있습니다.

이미지를 최적화하는 다양한 방법이 있습니다. 우리는 여기에서 그들에 대해 모두 배울 것입니다.

ㅏ. 올바른 이미지 형식 선택

이 10년 동안 가장 많이 사용된 이미지 형식은 JPG, PNG, SVG 및 GIF입니다. GIF는 주로 애니메이션 이미지용이고 JPG 및 PNG는 정지 이미지용입니다. 이 두 가지 중 JPG(또는 JPEG) 형식은 다중 색상 이미지를 표시하는 데 이상적입니다. SVG 형식은 로고에 명시적으로 사용됩니다. PNG는 SVG가 불가능한 경우에만 사용되며 이미지의 투명도를 유지해야 하므로 JPG도 옵션에서 제외됩니다.

그러나 인터넷에 편집 앱이 너무 많기 때문에 어떤 이미지 형식을 선택해야 할지 혼란스러워해서는 안 됩니다. 그러한 도구 중 하나는 XnConvert입니다. 여기에 이미지를 끌어다 놓기만 하면 가장 작은 크기 형식으로 저장할 수 있습니다. XnConvert를 사용하여 크기 조정, 자르기, 이미지 형식 변경 등을 100개 단위로 할 수 있습니다.

비. 이미지 압축 사용

이제 파일을 JPG 및 PNG 형식으로 저장했습니다. 파일을 압축할 시간입니다.

그게 뭐야?

이미지를 처음 찍으면 100% 품질로 간주됩니다. 더 작은 크기로 이미지 품질을 낮출 수 있습니다(압축). JPG 이미지 파일을 변경 없이 85-90%로 압축할 수 있습니다.

이미지를 업로드하기 전에 수동으로 변환하거나 플러그인을 사용할 수 있습니다. WordPress에는 이미지를 압축하는 것으로 알려진 플러그인이 많이 있습니다. ShortPixel Image Optimizer, reSmush.it, EWWW 이미지 최적화 및 WP 압축기가 유용한 도구입니다.

그러나 잘못된 이미지 최적화는 사이트 성능을 저하시킵니다. 최고의 이미지 최적화 기술 중 일부는 서버 기반 이미지 최적화 및 이미지를 업로드하기 전에 로컬로 최적화하는 것입니다.

대안으로 Google Pagespeed 애드온을 사용하여 이미지 압축을 허용하는 기본적으로 캐싱 플러그인인 LiteSpeed ​​플러그인을 사용할 수 있습니다. LiteSpeed는 서버의 모든 이미지를 압축하므로 서버의 응답 시간은 작업에 영향을 미치지 않습니다. 그러나 일괄적으로 압축해야 합니다.

씨. 이미지 크기 지정

이미지 크기 지정은 주로 사용자 경험과 관련이 있습니다. 방법을 알아봅시다.

페이지에서 텍스트를 먼저 로드할 때 페이지 레이아웃이 설정됨에 따라 이미지 크기도 결정됩니다. 그러나 이미지가 동시에 다운로드된 후 브라우저는 다른 이미지 크기를 찾아 자동으로 페이지 레이아웃을 조정합니다. 기본적으로 일정 시간이 지난 후 모든 후속 이미지 로드에 대해 브라우저는 페이지 레이아웃을 다시 생성해야 합니다. 이러한 변경으로 방문자는 페이지가 계속 이동할 때 텍스트를 읽을 수 없습니다.

이미지 크기를 미리 지정하면 이러한 번거로움에서 벗어날 수 있습니다.

디. 크기가 조정된 이미지 제공

테마가 이미지를 처리하도록 최적화되지 않은 경우 이 작업을 수행해야 합니다. 이상적으로는 사용 중인 테마를 이미지 최적화가 있는 테마로 변경할 수 있습니다. 또는 Force Regenerate Thumbnails 또는 Regenerate Thumbnails와 같은 플러그인을 사용하여 축소판을 만들 수도 있습니다. 이러한 플러그인을 사용하기 전에 미리보기 이미지의 올바른 크기를 설정하기만 하면 됩니다.

7. 그라바타 최적화

글로벌 아바타를 사용하면 웹사이트 댓글 작성자뿐만 아니라 프로필에 사진을 올릴 수 있습니다. 의심할 여지 없이 Gravatar를 사용하면 엄청난 이점이 있지만 가장 큰 단점은 느린 로딩 시간입니다. 또한 Gravatar는 여러 리디렉션을 통합하여 사이트 속도를 더욱 늦춥니다.

다음과 같은 방법으로 Gravatar로 인한 팽창을 피할 수 있습니다.

  • 웹사이트에서 Gravatar 비활성화
  • 게시물에서 과도한 스팸 및 스팸 댓글 삭제
  • 댓글 양식에 reCAPTCHA 추가
  • 한 번에 몇 개의 댓글만 표시하도록 WordPress 설정 구성
  • 마지막으로 Gravatar용 캐싱 플러그인을 사용합니다.

8. 동영상 및 이미지 지연 로딩

Lazy-Loading 이미지는 웹사이트의 로딩 시간을 크게 향상시키는 효과적이고 쉬운 최적화 옵션입니다. 지연 로드가 없으면 이미지 및 비디오와 같은 모든 미디어 파일이 해당 섹션으로 스크롤되기 전에 로드됩니다. 이것은 특히 웹사이트에 많은 이미지/비디오가 있는 경우 웹사이트를 느리게 만듭니다. 지연 로딩은 방문자가 웹페이지에서 이미지가 나타나는 섹션으로 스크롤한 후에만 이미지 및 기타 무거운 자산을 로드합니다. 제대로 수행되면 Lazy Load는 웹 사이트 속도를 상당히 높일 수 있습니다.

Lazy Load 사용법을 알아봅시다.

  1. 먼저 WordPress 디렉토리에서 지연 로드 플러그인을 가져와 설치합니다.
  2. 플러그인 설정으로 이동하여 구성하십시오.

지연 로딩은 복잡한 기술과 함께 제공된다는 것을 기억하십시오. 올바르게 구성하지 않으면 전체 웹 사이트를 엉망으로 만들 수 있습니다.

9. 지연 로드 Disqus

아마도 고전적인 WordPress 댓글 시스템을 Disqus로 교체해야 할 때입니다. 고급의 매우 효과적인 스팸 방지 및 중재 기능은 많은 찬사를 받을 가치가 있지만 로드 시간과 같은 비용이 따릅니다.

Disqus가 사이트에 로드될 때마다 10개의 추가 요청으로 인해 사이트 속도가 느려집니다. 고맙게도 Disqus 자체를 지연 로드하는 Disqus Conditional Load와 같은 플러그인이 있습니다. 이 Disqus 조건부 로드는 방문자가 페이지 끝까지 스크롤할 때만 댓글을 로드합니다.

10. 게시물 수정 제한

기본적으로 WordPress는 사소한 변경에도 모든 게시물 수정 내용을 저장하도록 설계되었습니다. 따라서 자주 수정/업데이트되는 게시물의 경우 정확히 동일한 게시물의 복사본이 수십 개 만들어 데이터베이스를 채웁니다.

이를 방지하기 위해 WordPress에 저장되는 개정/업데이트 수를 제한할 수 있습니다. 일반적으로 3~5개 정도면 충분합니다. wp-config.php 파일에 간단한 코드를 넣으면 됩니다.

 정의('WP_POST_REVISIONS', 3);

코드의 숫자를 수정하여 필요한 수정 횟수를 조정할 수 있습니다.

그러나 이 코드는 새 게시물에서만 작동합니다. 이전 게시물의 수정본을 제거하려면 WP-Optimize 및 Advanced Database Cleaner와 같은 데이터베이스 정리 플러그인을 사용할 수 있습니다. 플러그인을 사용한 후에는 플러그인을 간단히 삭제할 수 있습니다.

11. 스파이더와 크롤러 제한

스파이더와 웹 크롤러는 항상 사이트에서 리소스를 찾고 있습니다. 유용한 검색 엔진 스파이더 외에도 스팸봇, 스크레이퍼, 이메일 스크레이퍼와 같은 다른 봇은 웹사이트를 자주 크롤링합니다. 그들은 귀하의 사이트에서 정보를 훔칠 뿐만 아니라 서버가 이를 제공하기 위해 리소스를 소비해야 합니다.

따라서 다음과 같은 방법으로 이러한 쓸모없는 크롤링을 확인하기 위해 웹사이트의 봇 활동을 관리하는 것이 좋습니다.

  1. .htaccess 파일을 사용하여 알려진 악성 봇을 차단할 수 있습니다.
  2. 이러한 봇이 시장에서 새로 발견되면 웹사이트에서 봇을 차단할 수 있습니다.
  3. 보안 플러그인 WordFence를 사용하여 봇을 제한하고 IP 주소를 수동으로 차단할 수 있습니다.

12. JavaScript 무료 소셜 미디어 공유 버튼 사용

예, 방문자를 격려하기 위해 아름다운 소셜 공유 버튼이 필요합니다. 하지만 대부분 자바스크립트로 만들어진 소셜 공유 버튼은 무겁다. 웹에서 사용자를 추적하고 로드하는 데 오랜 시간이 걸립니다.
따라서 JavaScript가 없는 소셜 공유 버튼을 사용하면 도움이 될 것입니다. 이를 위해 기존 버튼을 제거하고 sharingbuttons.io와 같은 서비스를 사용합니다.

13. 보너스

그리고 아직 결과에 만족하지 못한다면 몇 가지 트릭을 더 따를 수 있습니다. 이러한 트릭은 주로 전문 코더를 위한 것입니다. 그것들을 나열해 봅시다.

  • 이모티콘 및 삽입 비활성화
  • 쿼리 문자열 제거
  • Shortlink 태그 제거
  • REST API 링크 제거
  • Google 지도 비활성화
  • WooCommerce 스타일 시트/위젯 비활성화
  • 로컬에서 Google 글꼴/서버 글꼴 피하기
  • 글꼴 멋진 아이콘 최적화
  • XML-RPC 비활성화
  • WordPress 버전 숨기기
  • RSD 링크 태그 제거
  • CSS와 자바스크립트 연결

iii) 다른 문제, 다른 솔루션

웹사이트 속도 최적화와 그 기술의 유용성을 알고 있는 것이 좋은 시작입니다. 그러나 이러한 모든 기술을 웹사이트에 적용할 필요는 없습니다. 우리가 의미하는 바는 두 개의 비즈니스가 비슷하거나 두 개의 사이트가 동일하지 않기 때문에 첫 번째 단계는 소유하고 있는 WordPress 사이트의 특성/유형을 이해하는 것입니다.

따라서 정적 사이트가 있는 경우 사이트 콘텐츠를 정기적으로 업데이트하지 않습니다. 아마도 당신은 한 달에 두세 번 정도만 돈을 벌 것입니다. 정적 사이트에는 지역 비즈니스 웹사이트, 블로그, 사진, 개인 등이 포함됩니다. 이러한 사이트가 있다는 것은 데이터베이스가 적다는 것을 의미하므로 좋은 성능을 얻기 위해 많은 리소스가 필요하지 않습니다.

반면에 전자 상거래, 온라인 포럼 등과 같이 매우 활기찬 웹사이트를 보유하고 있는 WordPress 사이트의 데이터는 자주(1분 또는 1초마다) 변경됩니다. 이러한 경우에는 데이터베이스 쿼리뿐만 아니라 추가된 서버 소스가 필요합니다.

그리고 다른 종류의 웹사이트가 있습니다. 통과 및 소비 웹사이트입니다. 웹 사이트가 주로 정보 제공용인 경우 방문자는 5분 또는 10분 동안 머물다가 언제 떠나야 하는지 찾을 수 있습니다. 반면에 소비 웹사이트는 방문자를 몇 시간 동안 유지합니다(예: 온라인 교육 과정 웹사이트). 이러한 웹 사이트의 동시 방문자는 동시 세션을 위해 옵니다.

이게 어디로 가는지 보이시죠? 동시 방문자는 이전 세션의 정보를 빠르게 축적해야 합니다. "캐시할 수 없는 웹 콘텐츠" 문제와 함께 많은 동시 사이트 방문자를 갖는 것은 악몽을 만듭니다.

기본적으로 모든 WordPress 웹사이트를 같은 방식으로 다룰 수는 없습니다. 충분한 정보를 바탕으로 결정을 내려야 합니다.

결론

의심할 여지 없이 속도를 위해 WordPress를 최적화하는 다양한 방법을 다루는 풍부한 자습서가 있습니다. 하지만 한 곳에서 모든 것을 찾는 것은 혼란스러울 수 있습니다. 사이트를 빠르게 로드하기 위해 따를 수 있는 모든 기술을 나열했으므로 이 정보가 도움이 되었기를 바랍니다. 또한 전문가의 도움을 받고 싶다면 Codeable에서 인증된 WordPress 전문가를 찾거나 사용자 지정 요청 양식 제출을 통해 연락할 수 있습니다.

최고의 소원!!