토글 메뉴

WordPress 사이트를 *$#@만큼 빠르게 만드세요!

게시 됨: 2014-04-25

Beaver Builder 제품 25% 할인! 서둘러 판매가 종료됩니다... 더 많은 것을 기대해 보세요!

speedup
  • 워드프레스

WordPress 사이트를 *$#@만큼 빠르게 만드세요!

마모는 불가피합니다. 신발, 자동차, 도구, 집 등 모든 것은 시간이 지남에 따라 품질이 저하됩니다. 음, 소프트웨어도 다르지 않습니다. 4년 된 컴퓨터가 새 컴퓨터와 같은 성능을 발휘하지 못하는 것을 본 적이 있습니까? 아니면 휴대폰의 연락처 앱이 수년에 걸쳐 점점 더 정체되는 것처럼 보입니까? 내가 WordPress를 좋아하는 만큼, WordPress도 같은 문제를 겪고 있습니다. 하지만 두려워하지 마세요! 약간의 정기적인 유지 관리를 통해 WordPress 사이트를 *$#@만큼 빠르게 만들 수 있습니다!

속도가 중요한 이유

빠른 웹사이트는 매우 중요합니다. Akamai와 Gomez.com의 연구에 따르면 전체 웹 사용자 중 거의 절반이 페이지가 2초 이내에 로드되기를 기대하는 것으로 나타났습니다. 페이지 로딩 속도가 느리면 방문자가 블로그에 도착하기도 전에 방문자의 관심을 끌 수 있습니다. Google은 또한 순위 알고리즘에 사이트 속도를 고려합니다. 모든 조건이 동일하다면 Google은 느린 사이트보다 빠른 사이트를 선호합니다.

우리는 웹사이트가 빠를수록 좋다는 사실을 확인했습니다. 그렇다면 WordPress 사이트의 속도를 어떻게 높일 수 있을까요? 기본적으로 WordPress는 매우 빠르고 효율적인 소프트웨어입니다. 문제는 WordPress가 수년간 게시, 댓글 달기, 플러그인 추가/제거, 이미지 업로드, 테마 변경 및 일반적인 블로깅을 통해 정체될 때입니다.

캐싱 플러그인 활용

블로그에서 아직 캐싱 플러그인을 실행하고 있지 않다면 이것이 페이지 로드 시간을 줄이는 가장 좋은 방법이 될 것입니다. 기간. 블로그는 역동적입니다. 새로운 기사가 ​​작성되고, 사이드바가 변경되고, 댓글이 작성됩니다. WordPress에서 블로그 게시물을 제공할 때마다 이러한 모든 변경 사항을 확인해야 합니다.

캐싱 플러그인은 모든 페이지의 렌더링된 복사본을 저장하거나 캐시하는 매우 스마트한 소프트웨어입니다. 페이지가 요청될 때마다 캐싱 소프트웨어는 변경 사항에 대해 효율적인 "빠른 확인"을 수행합니다. 변경된 사항이 없으면(대부분의 경우) 페이지를 다시 작성하는 대신 캐시된 버전의 페이지를 제공합니다. 귀하의 게시물이 "바이럴"되는 경우 이는 가장 중요합니다. 캐싱이 없는 블로그는 Reddit 등의 첫 페이지에 게재될 수 없습니다 .

그렇다면 어떤 플러그인을 선택해야 할까요? WP Super Cache, W3 Total Cache 및 Quick Cache의 세 가지 주요 플레이어가 있습니다. 처음 두 플러그인은 매우 포괄적이고 솔직히 구성하기가 약간 어렵습니다. 그러나 수행 중인 작업을 알고 적절하게 설정하면 성능이 가장 좋습니다. W3 Total Cache는 우리의 주요 선택이고 WP Super Cache는 다중 사이트 설치를 위한 선택입니다.

단지 "설정만 하면 잊어버리는" 간편한 솔루션을 원한다면 Quick Cache를 사용해 보십시오. 다른 두 가지 작업의 90%를 수행하지만 최소한의 설정이나 기술 지식이 필요합니다.

CDN 설정

구름 플레어

CDN은 콘텐츠 전송 네트워크를 의미합니다. CDN은 전 세계에 전략적으로 배치된 초고속 웹 서버 네트워크입니다. 대부분의 사람들은 공유 서버에서 블로그를 호스팅하지만(괜찮습니다), 귀하의 서버가 뉴욕에 있고 방문자가 캘리포니아에 있다면 어떨까요? 게다가 방문자가 남미나 유럽에 있다면 어떨까요!? 방문자가 서버에서 멀리 떨어져 있을수록 페이지 로드 속도가 느려집니다. CDN에는 전 세계에 여러 개의 중복 서버가 있으므로 콘텐츠는 항상 방문자의 일반적인 영역에 있는 상자에서 제공됩니다! 또한 CDN에는 일반적으로 대부분의 공유 호스트보다 훨씬 빠르게 정보를 전송할 수 있는 거대한 대역폭 파이프가 있습니다.

CDN 설정은 약간 까다롭고 이 기사의 범위를 벗어나지만 가장 쉬운 옵션은 CloudFlare입니다(참고: CloudFlare의 RocketLoad 기능은 Beaver Builder와 충돌을 일으킬 수 있으므로 이 기능을 끄십시오). 그들은 무료 CDN 서비스와 WordPress 플러그인을 제공하여 구성하기가 더 간단한 CDN 중 하나입니다. CloudFlare에는 무료 서비스에 포함된 보안 기능 제품군도 있습니다. 솔직히 Cloud Flare는 제가 찾은 최고의 거래 중 하나입니다. 특히 이미지가 많은 사이트에서 CloudFlare를 켜면 페이지 로드 속도가 대폭 빨라집니다! 연못 건너편이나 원래 서버에서 지리적으로 멀리 떨어져 있는 친구들의 속도 증가는 상상할 수 밖에 없습니다.

좀 더 많은 설정(및 수수료)이 필요한 보다 포괄적인 옵션의 경우 Amazon의 Cloud Front가 또 다른 매우 좋은 CDN 옵션입니다.

데이터베이스를 깨끗하게 유지하세요(예, 스팸 댓글에 대해 말하는 것입니다)

WordPress는 블로그의 모든 정보를 데이터베이스에 저장합니다. WordPress는 엄청난 양의 데이터를 처리할 수 있지만 데이터베이스가 커지면 필연적으로 속도가 느려집니다. 데이터베이스가 커지는 일반적인 원인 중 하나는 스팸 댓글입니다. 우리 모두는 이 문제를 가지고 있습니다. WordPress 댓글 스팸은 교활하며 현실입니다. 하지만 도움이 될 수 있는 몇 가지 사항이 있습니다.

먼저, 아직 Akismet을 사용하고 있지 않다면 사용해 보세요! Akismet은 Automated(WordPress 뒤에 있는 회사)에 의해 만들어졌으며 스팸 댓글을 걸러내는 데 놀라운 기능을 합니다. 귀하의 블로그에 댓글이 남을 때마다 Akismet은 해당 댓글이 합법적인지 확인하기 위해 데이터베이스를 교차 확인합니다. 그렇지 않은 경우 해당 댓글은 자동으로 삭제되며 해당 댓글이 존재했는지 전혀 알 수 없습니다.

하지만 Akismet에 대해 몰랐고 이미 대기열에 수백, 어쩌면 수천 개의 스팸 댓글이 남아 있다면 어떻게 될까요? 안타깝게도 Akismet은 스팸 방지 프로그램이므로 도움을 드릴 수 없습니다. 그러나 오래된 스팸 댓글을 모두 제거하는 데 도움이 되는 또 다른 편리한 플러그인이 있습니다: WP Comment Clearer. 여전히 약간의 작업이 필요하지만 이 플러그인을 사용하면 스팸 댓글을 제거하는 과정이 훨씬 더 빨라집니다.

데이터베이스 팽창의 또 다른 큰 원인은 사후 개정입니다. WordPress는 수정본을 유지하는 데 적합합니다. 가끔은 너무 좋아! 내 이전 블로그 게시물 중 일부를 다시 살펴보았고 30개 이상의 수정본이 있는 게시물을 발견했습니다! 플러그인 Revision Control을 사용하면 저장할 수 있는 개정 수를 설정할 수 있으며 해당 데이터베이스를 간결하게 유지하는 데 도움이 됩니다.

기능 부풀림에 속지 마십시오. 잘 코딩된 가벼운 테마를 찾으세요.

부풀어 오르는 느낌을 좋아하는 사람은 없습니다!

테마 개발자들은 더 가벼운 테마 출시의 이점을 깨닫기 시작했습니다. 그러나 소비자는 여전히 기능을 가치와 동일시하며 올인원 메가 테마는 일반적으로 여전히 상위 테마 목록을 지배하고 있습니다. 이러한 메가 테마는 가능한 모든 것을 고려하면 매우 멋지지만 이러한 모든 기능은 속도 저하와 동일합니다.

FastLine Media에서는 WordPress 템플릿 사용자 정의/설치 서비스를 제공하므로 이 사실을 너무나 잘 알고 있습니다. 우리는 몇 가지 템플릿을 선택하고 고객이 가장 좋아하는 템플릿을 선택하도록 할 것입니다. 그런 다음 해당 브랜드와 비즈니스에 맞게 템플릿을 설치하고 사용자 정의합니다. 처음 10~20개의 WordPress 테마로 작업한 후 우리는 모든 프리미엄 테마에서 널리 퍼져 있는 것처럼 보이는 모든 기능 부풀림과 불필요하고 혼란스러운 옵션에 지쳤습니다. 이것이 우리가 Automator 테마를 만든 이유 중 하나였습니다.

단순하고 현대적인 테마를 만드는 작은 상점을 찾는 것은 어려울 수 있습니다. 최근 우리가 가장 좋아하는 것 중 몇 가지는 Elegant Themes와 UpThemes이지만, 그 외에도 수많은 것들이 있을 것이라고 확신합니다.

오래된 플러그인 정리

나는 WordPress가 기본적으로 매우 빠르고 효율적인 소프트웨어라고 언급했습니다. 플러그인에 대해서도 마찬가지 입니다 . 플러그인의 경우 하나의 나쁜 사과로 인해 전체 사이트가 크롤링될 수 있습니다. 무엇을 물어볼까? 첫 번째 작업은 어떤 플러그인이 속도 저하를 일으키는지 식별하는 것입니다. 이를 수행하는 한 가지 방법은 모든 플러그인을 비활성화한 다음 사이트를 확인하면서 하나씩 활성화하여 어떤 플러그인이 속도 저하를 일으키는지 확인하는 것입니다.

하지만 트래픽이 많고 플러그인도 많은 블로그가 있다면 어떨까요? 방문자들로 가득 찬 라이브 사이트에서 모든 플러그인을 비활성화하는 것은 좋지 않은 생각입니다. 걱정하지 마세요. =D에 대한 플러그인이 있습니다. P3(Plugin Performance Profiler)를 살펴보세요. P3는 각 플러그인의 오버헤드를 분석하고 불량 사과를 찾아내는 데 도움이 되는 여러 차트와 그래프를 내보냅니다.

명예로운 언급

이러한 제안은 해당 섹션을 보장하지는 않지만 언급할 가치가 있습니다.

좋은 호스트를 선택하세요

웹 호스트를 전환하는 것은 확실히 지루한 과정입니다. 그 이유만으로도 이 제안은 명예로운 가작에 포함되었습니다. 그러나 WordPress 설치 이전을 단계적으로 고려하지 않는다면 사이트를 최신 웹 서버로 이전하면 페이지 로드 속도가 크게 향상될 수 있습니다.

이미지 압축

이미지를 압축하면 특히 이미지가 많은 사이트의 경우 페이지 로드 시간이 크게 달라질 수 있습니다. 나는 우리 대부분이 Photoshop의 '웹용으로 저장'에 익숙하고 이미지 해상도와 자르기의 기본 사항을 이해하고 있다고 가정합니다. 이 분야의 훌륭한 리소스 중 하나는 WP-Smush.it라는 플러그인입니다. WP-Smush.it는 WordPress에 이미지를 업로드할 때 이미지를 자동으로 무손실 압축합니다. Photoshop에서 나온 후에도 이미지 파일 크기가 10-20% 줄어드는 것을 보았습니다! 개인적으로 저는 제가 관리하는 모든 WordPress 사이트에서 이 프로그램을 실행합니다. 나는 그렇게 하지 않을 이유가 없다고 본다.

데이터베이스 최적화

데이터베이스를 깨끗하고 간결하게 유지한다고 언급했지만 이미 존재하는 데이터를 최적화할 수도 있습니다. WP-DBManager 플러그인을 사용하면 데이터베이스를 쉽게 최적화할 수 있습니다. 백업/복원 기능도 훌륭해요!

마무리 중

더 빠른 WordPress 사이트는 더 많은 방문자를 유치하고 더 자주 방문하게 만듭니다. WordPress 사이트 속도를 높이는 것은 사이트 속도를 저하시키는 원인을 파악한 다음 해당 문제를 해결하기 위한 조치를 취하는 과정입니다. 오래되고 느린 플러그인을 실행하는 비교적 새로운 블로그가 있는 경우 데이터베이스 최적화가 도움이 되지 않을 것입니다. 설정과 관련된 문제를 식별하고 먼저 해결해야 합니다. 물론, 이 생각이 너무 부담스러우시다면 언제든지 저희에게 연락해 주세요. 우리는 언제나 기꺼이 도와드리겠습니다!

속도를 높이기 위해 블로그에서 어떤 단계/변경을 수행했습니까? 다음 제안 중 페이지 로드 시간에 가장 큰 영향을 미친 것은 무엇입니까?

사진 제공: 피터 김, 존 울프

로비 맥컬러프의 약력

댓글 13개

  1. WordPress 사이트를 *$#@만큼 빠르게 만드세요! | FastLi... 2014년 4월 26일 오후 2시 59분

    [...] 빠른 웹사이트는 매우 중요합니다. 약간의 정기적인 유지 관리를 통해 WordPress 사이트를 *$#@만큼 빠르게 만들 수 있습니다! […]



  2. Melanie 2015년 6월 20일 오전 9:51

    Cloudflare가 실제로 BeaverBuilder와 충돌을 일으키는 것 같습니다. 아마도 여러분은 이 기사를 편집해야 할 것입니다.



    • Robby McCullough 2015년 6월 23일 오전 9:02

      안녕 멜! 그래, 당신 말이 맞아요. CloudFlare에는 Beaver Builder와 충돌을 일으키는 RocketLoad라는 기능이 있습니다. 계속해서 기사를 업데이트하겠습니다. 알려주셔서 감사합니다.



  3. Nick 2015년 8월 11일 오전 1:07

    멋진 기사 – 감사합니다!



    • Robby McCullough 2015년 8월 11일 오전 9:17

      의견을 보내주셔서 감사합니다, 닉!



  4. Angela 2016년 5월 8일 오후 11:29

    우와. 방금 W3 Total Cache(지금까지 페이지 캐시 버튼만 확인했습니다. 추가 탐색)와 WP-smush 플러그인을 설치했습니다. 내 사이트의 로드 시간에 큰 차이가 있음을 발견했습니다(물론 빙하 기지에서 온 것이었습니다). 저와 같은 비개발자(코드 대화로 인해 발진이 발생함)에게 이것은 훌륭한 튜토리얼이었습니다. 많이, 많이, 많이, 많이 감사합니다.



    • Robby McCullough 2016년 5월 9일 오전 10:22

      괜찮은! 잘했어요. 기사가 도움이 되었다니 다행입니다. 성능 조정은 약간 중독될 수 있습니다. 백업도 꼭 해두세요. 나는 최근에 낮은 수준의 서버/캐싱을 조작하면 문제가 발생할 수 있다는 것을 어렵게 배웠습니다!



  5. Diogo 2016년 11월 16일 오전 5:38

    Cloudflare의 Rocket Loader와 여전히 충돌이 있나요? 이 기능은 자바스크립트 처리에 정말 도움이 됩니다.

    https://gtmetrix.com/reports/www.wpbeaverbuilder.com/5nAOzOfN을 사용하여 페이지를 테스트하면 wpbeaverbuilder.com이 정적 리소스와 관련하여 성능이 매우 좋지 않다는 것을 알 수 있습니다. 귀하의 플러그인을 구입할 계획이지만 이러한 정적 리소스 속도 저하는 전혀 좋지 않습니다.



    • Robby McCullough 2016년 11월 18일 오후 10:45

      안녕, 디오고! 의견을 보내주셔서 감사합니다.

      이 사이트가 더 이상 적극적으로 유지 관리되고 있는지는 잘 모르겠지만 제작자는 가능한 한 성능을 높이기 위해 노력했습니다. 대부분의 페이지 속도 테스트에서 매우 높은 점수를 받았습니다: https://gtmetrix.com/reports/www.kilkennycounsselingcare.com/HyXwfBnA

      우리 사이트에는 뒤에서 많은 작업이 실행되고 있으므로 성능에 관한 한 Beaver Builder로 가능한 최고의 예는 아닙니다.



  6. 2017년 10월 2일 오전 11시 토론토의 수사관

    현재 Tumblr를 기본 시스템으로 사용하고 있습니다. 나는 당신이 가지고 있는 것과 같은 것을 원합니다.
    축하합니다. 효율적인 웹사이트에 투자해야 할 것 같습니다.



  7. 릴리안 2018년 10월 18일 오전 8:23

    댓글 일괄 삭제(또는 다른 방법)를 위해 제안하는 새로운 플러그인이 있나요? WPCommentCleaner는 5년 동안 업데이트되지 않았습니다. 한 고객이 가능한 한 효율적으로 삭제하고 싶은 수천 개의 스팸 댓글이 있는 사이트를 방금 전달했습니다.



  8. Christine 2020년 9월 1일 오후 5:34

    W3 Total Cache는 내 Beaver Builder 열을 좋아하지 않았습니다. 가로로 4개를 표시하지 않습니다. WPRocket을 설치했는데 BB 레이아웃에는 영향을 주지 않는 것 같습니다. 그러나 W3만큼 정서적이지는 않은 것 같습니다.



    • Anthony Tran 2020년 9월 2일 오전 8:17

      WPRocket에는 귀하의 웹 사이트를 더 빠르게 로드할 수 있는 다른 훌륭한 기능이 많이 있습니다. 속도 최적화를 위한 훌륭한 플러그인입니다.



우리의 뉴스레터

우리의 뉴스레터는 개인적으로 작성되어 한 달에 한 번 정도 발송됩니다. 조금도 짜증나거나 스팸이 아닙니다.
우리는 약속합니다.

뉴스레터에 가입하세요

지금 Beaver Builder를 사용해 보세요

Beaver Builder