Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

WordPress 사이트 성능 향상을 위한 6가지 팁

웹사이트를 성공적으로 운영하려면 웹사이트가 최적화되고 보안이 유지되는지 확인해야 합니다. 페이지 로드 속도는 필수적이지만 성능은 페이지 속도 이상입니다. 또한 웹사이트가 사용자 경험을 얼마나 잘 극대화하는지도 포함됩니다.

최적화된 WordPress 사이트는 목표 달성에 도움이 되는 여러 요소에 영향을 줄 수 있습니다. 여기에는 다음이 포함됩니다.

  • 전환 – 높은 전환율은 더 많은 고객과 더 많은 수익을 의미합니다. HubSpot은 페이지 로드 속도가 1초만 지연되어도 전환율이 7% 감소할 수 있다고 보고합니다.
  • 가시성 – Google은 이제 페이지 로드 속도를 검색 엔진 순위 요소로 만들었습니다. 따라서 WordPress 사이트를 최적화하면 웹에서의 가시성에 영향을 미칠 것입니다.
  • 사용성 – WordPress 사이트를 더 쉽게 보고 사용할 수 있도록 하면 이탈률이 낮아지고 사용자 경험이 개선되어 매출 증대에 도움이 됩니다.

WordPress 사이트 성능 테스트 도구

WordPress 사이트를 최적화하기 전에 성능을 측정할 도구가 필요합니다. 그런 다음 이 벤치마크를 사용하여 웹사이트의 페이지 로드 속도와 검색 엔진의 궁극적인 가시성을 개선할 수 있습니다.

권장 웹 사이트 페이지 로드 시간은 3초 미만입니다. 그러나 Google 연구에 따르면 모바일 페이지의 일부만이 이 권장 속도에 도달할 수 있습니다. 이 두 가지 도구를 사용하여 사이트의 실적을 측정하고 추적할 수 있습니다.

1.웹페이지 테스트

WordPress 사이트 성능 향상을 위한 6가지 팁
WebPageTest 도구

WebPageTest는 웹사이트의 속도를 테스트하고 추적하기 위한 기능이 가장 풍부한 옵션 중 하나입니다. 이 사이트는 사용하기에 충분히 간단하지만 웹사이트에 문제를 일으키는 특정 영역을 드릴다운할 수 있는 수많은 고급 기능도 포함되어 있습니다.

이 도구를 사용하려면 웹사이트의 URL을 입력하기만 하면 됩니다. 그대로 두거나 장치(데스크톱 또는 모바일), 위치 및 브라우저와 같은 몇 가지 추가 옵션을 입력할 수 있습니다. 고급 옵션에서 실행할 테스트 수를 선택하고 느린(3G) 연결을 시뮬레이션하고 JavaScript를 비활성화할 수도 있습니다.

귀하가 받는 결과는 귀하의 사이트 성능에 대한 몇 가지 정보를 알려줄 것입니다.

  • 첫 번째 바이트 시간 – TTFB는 네트워크와 웹 서버가 데이터의 첫 번째 바이트를 반환하는 속도를 나타냅니다. 높은 수치라면 웹 호스팅 문제일 수 있습니다.
  • 렌더링 시작 – 데이터와 이미지가 화면에 나타나기 시작하는 시점입니다.
  • 문서 완성 – 모든 초기 웹 사이트 구성 요소가 페이지에 로드되는 경우입니다.
  • 완전히 로드됨 – 이 시점에서 웹페이지가 완전히 로드되었습니다.
  • 속도 지수 – 벤치마크로 사용할 수 있는 웹사이트의 속도 테스트 측정항목입니다.
  • 첫 번째 인터랙티브 – 웹페이지 로딩이 시작되고 방문자가 사이트를 사용할 수 있는 시점까지의 시간을 측정한 것입니다.

이러한 측정항목 외에도 사이트는 폭포 차트와 같은 유용한 도구를 제공하여 사이트의 어떤 요소가 페이지 로드 속도를 늦추는지 확인하는 데 도움을 줍니다. 또한 경쟁자의 웹사이트 옆에 페이지를 로드하여 비교 대상이 어디인지 측정할 수도 있습니다.

2.PageSpeed ​​통계

WordPress 사이트 성능 향상을 위한 6가지 팁
Google의 PageSpeed

PageSpeed ​​Insights는 페이지 로드 속도에 대한 Google의 독점 측정항목입니다. 다른 사이트가 잠재적인 문제를 드릴다운하는 훌륭한 방법이지만 이 사이트를 사용하여 좋은 점수를 받고 싶을 것입니다.

다행히도 Google에서는 이 작업을 상당히 쉽게 만듭니다. URL을 입력하고 "Enter"를 누르면 사이트의 페이지 로드 속도를 테스트합니다. 그런 다음 0-100까지 순위가 매겨진 점수를 제공하고 여러 측정항목으로 분류합니다.

  • 콘텐츠가 포함된 최초의 페인트 – 첫 번째 이미지나 텍스트가 나타날 때까지의 시간입니다.
  • 첫 번째 의미 있는 페인트 – 페이지의 주요 콘텐츠가 표시될 때까지의 시간입니다.
  • 첫 번째 CPU 유휴 – 페이지가 입력을 받을 수 있는 첫 번째 지점입니다.
  • 최대 잠재적인 첫 번째 입력 지연 – 로드해야 하는 가장 긴 작업의 길이입니다.
  • 대화 시간 – 웹사이트가 완전히 상호작용하는 데 걸리는 시간입니다.
  • 속도 지수 – 페이지의 콘텐츠가 완전히 표시되는 시간입니다.

Google 도구의 또 다른 좋은 점은 점수 향상에 도움이 되는 특정 WordPress 플러그인과 같은 제안을 제공한다는 것입니다.

전체 WordPress 성능을 개선하는 방법

이제 사이트 성능을 측정하고 추적할 수 있는 몇 가지 도구가 있으므로 사이트 성능을 개선해 보겠습니다. 하지만 기다려! 이러한 조치를 구현하기 전에 WordPress 백업 플러그인을 사용하여 사이트를 백업해야 합니다. 이제 WordPress 사이트를 최적화하여 점수를 높이고 방문자에게 더 나은 경험을 제공할 수 있는 6가지 방법이 있습니다.

1. 더 나은 호스팅 선택

TTFB 시간이 비정상적으로 높으면 관리되는 WordPress 호스팅을 찾아야 할 수 있습니다. 웹사이트를 최대한 최적화할 수 있지만 호스트가 사이트를 표시하라는 방문자의 요청에 응답하지 않으면 별 소용이 없습니다.

WordPress에는 빠른 서비스를 제공하는 공유 호스팅 계획이 많이 있지만 다른 사용자와 리소스를 "공유"하고 있음을 기억하십시오. 다른 옵션은 더 많은 전용 리소스가 있는 VPS(가상 사설 서버) 및 전용 서버입니다.

2. 페인트 시간 단축

Google의 PageSpeed ​​Insights 도구를 사용하는 경우 보고되는 두 가지 측정항목은 FCP(First Content Paint)와 First meaningful Paint입니다. 이 측정항목은 페이지에 "내용"이 로드되기 시작하여 방문자에게 어떤 일이 일어나고 있음을 보여주는 시간을 나타냅니다.

웹사이트 "페인트" 시간을 개선할 수 있는 몇 가지 방법은 다음과 같습니다.

  • HTTP 캐싱을 사용하여 반복 방문자의 페이지 로딩 속도 향상
  • 텍스트 기반 파일을 압축 및 축소하여 다운로드 속도 향상
  • 페이지 로딩에 사용되는 자바스크립트 최소화(더 많은 리소스 필요)
  • 페이지에서 사용하는 스크립트 및 렌더링 차단 외부 스타일시트 수 최소화

3. CDN 사용

콘텐츠 전송 네트워크(CDN)는 방문자의 위치에 따라 콘텐츠를 보다 효율적으로 배포하는 별도의 웹 서버 세트입니다. CDN을 사용하면 여전히 기존 웹 호스트를 사용하지만 이미지와 같은 것은 사이트 방문자에게 가장 가까운 서버에서 가져오기 때문에 WordPress 사이트의 로드 시간을 최적화합니다.

WordPress 사이트 성능 향상을 위한 6가지 팁
이미지 출처 – KeyCDN

새로운 WordPress 설치에서 빠른 테스트를 실행하면 CDN이 전 세계 사용자를 위해 장거리에서 속도를 크게 높이는 데 도움이 되는 것으로 나타났습니다. CDN을 사용하면 사용하지 않을 때보다 페이지 로드 시간을 50.31% 줄이는 데 도움이 됩니다.

4. 핫링크 비활성화

핫링크는 다른 사람이 귀하의 호스팅 리소스와 대역폭을 사용하여 웹사이트에 귀하의 이미지를 표시하는 것입니다. 요컨대, 그들은 이미지의 URL을 가져와 자체 사이트에서 이미지를 렌더링하는 데 사용합니다. 사이트 속도가 느려지고 비용이 많이 들며 아무런 이점도 제공하지 않습니다.

다양한 방법으로 핫링크를 방지 및 비활성화할 수 있습니다. 일부 CDN에는 핫링크 보호 기능이 있으며 다른 WordPress 플러그인으로 이를 수행할 수 있습니다. 다른 옵션은 .htaccess 파일에 코드를 추가하거나 cPanel을 통해 비활성화하는 것입니다.

5. 깔끔하게 코딩된 플러그인 및 테마 사용

잘못 코딩된 플러그인 또는 테마로 인해 WordPress 사이트가 느리게 로드됩니다. 평판이 좋은 개발자가 만든 플러그인과 테마만 사용하면 이러한 문제 중 일부를 피할 수 있습니다.

너무 많은 플러그인을 설치하는 것도 문제가 될 수 있습니다. 웹사이트의 성능을 테스트할 때 드릴다운하여 많은 데이터베이스 쿼리를 생성하거나 수많은 스크립트를 로드하는 플러그인을 확인할 수 있습니다. 가장 좋은 해결책은 사이트 성능에 도움이 되는 항목만 유지하고 최신 상태로 유지하는 것입니다.

6. 이미지 최적화

페이지 로드 속도에서 가장 큰 걸림돌 중 하나는 이미지입니다. 이를 돕기 위해 CDN, 캐싱 및 기타 WordPress 플러그인을 사용할 수 있지만 WordPress에 맞게 이미지를 최적화하는 것이 좋습니다. 다행히도 WP Smush와 같은 플러그인으로 완료할 수 있을 만큼 간단합니다.

웹 사이트가 느려지는 이유 중 하나는 해킹되어 악성 코드에 감염되기 때문입니다. 이 경우 MalCare의 Malware Removal을 사용하여 웹사이트를 정리할 수 있습니다. 그 외에도 HTTP에서 HTTPS로 사이트 이동, 보안 플러그인 설치, 로그인 페이지 보호, wp-config.php로 WordPress 사이트 보호 등과 같은 몇 가지 보안 조치를 더 취할 수 있습니다.

결론

오늘날의 소비자는 더 이상 WordPress 사이트가 제대로 구성되지 않고 매력적이지 않은 사이트를 로드하거나 볼 때까지 그 여분의 초를 기다릴 인내심이 없습니다. 최적화된 WordPress 사이트를 보유하면 검색 엔진 순위를 높일 수 있을 뿐만 아니라 사용자 경험을 개선하고 전환율을 높일 수 있습니다.

이러한 도구를 사용하여 웹사이트의 성능을 측정 및 추적하고 이러한 웹사이트 유지 관리 팁을 활용하여 사이트가 정상적으로 작동하도록 하십시오. 사이트를 최적화하고 올바른 웹 호스트를 선택하면 방문 및 판매 증가의 형태로 더 긍정적인 결과를 볼 수 있습니다. 관리할 사이트가 여러 개인 경우 WordPress 관리 플러그인을 사용하여 관리하세요!