WordPress 웹 사이트 속도를 높이는 5가지 확실한 방법

게시 됨: 2016-04-08

마케터, 사이트 소유자, 개발자, SEO 마법사, 특히 사용자와 같이 웹사이트의 로딩 속도 측정항목과 그 중요성을 살펴보기 위해 한 가지 관점을 선택하십시오. 속도 측정항목은 여전히 ​​상단에 표시됩니다. 가능한 한 많은 소스에서 웹 개발 모범 사례를 찾으면 모든 단일 목록 내 어딘가에서 '페이지 로드 시간 감소 '를 볼 수 있습니다.

우리는 Walmart의 계산대에서 줄을 서서 기다리는 것조차 좋아하지 않습니다. 과도한 과잉의 시대에 무형의 데이터 덩어리에 대해 어떻게 생각 할까요?

따라서 더 빨리 로드되는 웹사이트를 만드는 것이 필수적입니다(TTFB는 2초 미만이어야 함). 더 나은 경험을 위해, 더 높은 전환을 위해, 최고의 검색 순위를 위해!

그렇다면 WordPress 웹 사이트를 더 빠르게 만들기 위해 무엇을 할 수 있습니까? 특히 다음 5가지 영역에서 많은 것 같습니다.

1. 서버

F2

이것은 웹사이트의 데이터가 있는 곳 입니다. 서버가 급식소나 고담의 뒷골목처럼 스스로를 유지한다면 성능 최적화를 아무리 많이 해도 웹사이트 속도를 높이는 데 도움이 되지 않습니다.

따라서 호스팅 제공업체에 로그인하기 전에 다음 사항을 확인하세요.

  • 유지 관리, 백업 및 보안(명백한 이유로)
  • 확장성: 방문자, 데이터 전송, 대역폭, 저장 공간 등의 측면에서 다양한 계획이 차지하는 비중과 일부 상한선을 초과할 때 확장되는 방식.
  • 고객 평가 및 지원 포럼(회사의 서비스 기록에 대해 많은 것을 공개할 수 있음)
다음은 조사할 수 있는 추가 사항입니다.
Ø 제 3 자 비디오 호스팅

외부 또는 타사 비디오 호스팅은 서버 공간과 대역폭을 현명하게 사용하는 사람들에게 탁월한 솔루션입니다.

깡통에 적힌 그대로입니다. (만 해당) 비디오 파일은 Youtube, Vimeo 등과 같은 타사 서버에서 호스팅되며, 웹사이트와 연결할 수 있습니다(개발자를 호출하여 API를 엉망으로 만들 필요 없이). 그들 중 일부는 또한 비디오 편집 도구와 함께 제공되며 대부분은 지원을 제공합니다.

이 서비스에 가입하기 전에 동영상 파일에 대한 권리(개인정보 보호정책)를 확인하시기 바랍니다.

Ø 이미지 핫링크 방지

이미지 핫링크 는 과소평가된 악입니다.

도둑질이나 마찬가지고, 가장 나쁜 점은 가해자가 자신의 행위가 얼마나 심각한지 모르는 경우가 많다는 점입니다. 그들은 단순히 이미지를 (키보드에) 복사하고 서식 있는 텍스트 편집기에 바로 붙여넣습니다. 따라서 콘텐츠에 표시 되는 이미지 는 실제로 여전히 서버에 저장됩니다. 따라서 웹사이트 에서 이미지를 본 사람은 여전히 ​​서버에 이미지 로드를 요청할 것 입니다. 이것은 대역폭을 먹습니다.

그리고 당신은 감사 메모를받지 못할 것입니다.

당신의 순진한 이타주의가 참아야 할 것이 너무 많습니다. 인터넷에서 콘텐츠를 보호하거나 불이익을 받습니다. 이 코드를 .htaccess 파일에 넣습니다.

RewriteEngine 켜기

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

또한: 일부 CDN(콘텐츠 전송 네트워크)에는 핫링크 방지 기능이 내장되어 있습니다.

2. 캐시

W3 Total Cache와 같은 캐싱 플러그인은 WordPress가 페이지 속도 최적화를 위해 제공해야 하는 최고의 기능 중 하나입니다( 모두 가 좋아합니다). 덜 고급 사용자를 위한 대안은 WP Super Cache입니다.

아이디어는 페이지, 개체 및 데이터베이스의 복사본(캐시)을 만드는 것입니다. 스크립트를 축소하고 WordPress 웹 사이트를 콘텐츠 전송 네트워크(CDN)와 더 쉽게 통합할 수 있습니다.

또한 WordPress 개발자를 고용하여 Redis 및 Memcached와 같은 데이터베이스 캐싱 솔루션으로 서버 측 성능 최적화를 최대한 활용할 수 있습니다.

Ø 만료 모듈

이 Apache 모듈은 지정한 파일 형식에 대한 캐시 수명을 설정합니다.

다음은 이를 사용하는 간소화된 방법입니다: <ifmodule>. 다음과 같이 (.htaccess 파일로) 이동합니다.

<ifmodule mod_expires.c>

<파일 일치 “\.(jpg|png|gif|js|css|mp3|pdf)$”>

만료일에 활성

ExpiresDefault "액세스 플러스 1주일"

</파일 일치>

</if 모듈>

위의 코드 스니펫은 모든 jpg/png/gif/JavaScript/CSS/mp3/및 PDF 파일의 캐시 파일이 1주일 후에 만료되도록 설정하고 이 시점에 새로운 캐시가 생성됩니다. 이 모듈은 콘텐츠를 정기적으로 업데이트하는 리치 미디어 웹사이트에서 사용하기에 적합합니다.

3. 프론트엔드

성능 문제의 약 80%는 프런트 엔드 속도 최적화에 대한 20%의 노력으로 해결됩니다. 파레토의 웹 개발 법칙입니다.

속도를 위해 프런트 엔드를 최적화하는 것은 기술적으로만 유리한 것은 아닙니다. 사용자의 화면에 어떤 일이 빨리 일어날수록 사용자는 기다리는 것에 대해 더 잘 느낍니다. 성능에 대한 인상 도 주어야 합니다.

이를 돕기 위해 다음과 같은 몇 가지 방법을 사용할 수 있습니다.

  • 이미지 : 미치광이처럼 압축하십시오. 이미지/미디어 크기는 작을수록 좋습니다. 품질 손실 없는 압축을 위해 EWWW Image Optimizer 또는 WP Smush.it을 사용하십시오. 그런 다음 해당 이미지가 포함된 페이지 영역이 현재 사용자의 뷰포트에 표시되는 경우 이미지의 조건부 로드를 위한 지연 로드 필터가 있습니다. 이를 위해 Lazy Load XT를 사용하십시오.
  • HTTP 요청을 줄이면 왕복 횟수가 줄어들어 로드 시간이 향상됩니다. Sprite Pad를 사용하여 '패턴' 이미지를 단일 스프라이트로 만듭니다.
  • JavaScript 및 CSS 스타일시트: rtl.css, style.css 및 추가한 모든 사용자 정의 스타일시트를 축소합니다. 너무 많은 종속성을 사용하지 마십시오.

4. 데이터베이스

Windows의 디스크 조각 모음 도구와 달리 데이터베이스 최적화는 백엔드를 정리하고 중요한 정보를 위한 공간을 확보하는 동시에 쿼리 시간과 성능을 향상시킬 수 있습니다.

중복 게시물 수정, 승인되지 않은 오래된 댓글, 메타데이터 중복 등은 거미줄과 먼지 토끼입니다. WP Sweep, WP-DB Manager 등과 같은 도구를 사용하여 지우십시오.

5. 업데이트

F3

Make.WordPress.org의 토론을 따라 플랫폼과 관련된 최신 뉴스 및 개발을 최신 상태로 유지하면(모든 사람, 개발자 및 일반 사용자 모두에게 좋은 습관임) 패턴을 알 수 있습니다. 항상 사용자 친화성, 성능 및 보안... 순으로.

설정을 구성하지 않은 경우 보안 및 사소한 버그 수정을 위해 부 릴리스의 경우 WordPress가 자동으로 업데이트됩니다. 처음부터 실제로 최신 버전으로 업그레이드하지 않는 한 아무 소용이 없습니다.

불안을 줄이려면 다음과 같은 유용한 업데이트 패턴을 따르세요.

  • 테마 우선: 하위 테마가 있는지 확인합니다(외양에서 수행한 사소한 변경 사항을 저장함). 업데이트는 상위 테마에 적용되며 이렇게 하면 수리할 수 없는 문제가 발생할 가능성이 크게 줄어듭니다.
  • 다음 플러그인: 하나씩 해결하세요. 지루한 작업이라는 것을 알고 있지만 한 업데이트로 인해 호환성 문제가 발생하면 더 많이 준비하고 알려줄 것입니다. 참고: 이것이 플러그인과 관련하여 '적은 것이 더 많은 것'인 이유이기도 합니다.
  • WSOD 프로토콜: White Screen of Death를 마주할 경우에 대비하여 머리 없는 닭처럼 뛰어다니지 마십시오. 인터넷에 많은 도움이 있습니다.

미주

정기적인 보안 및 유지 관리를 실행하여 웹 사이트를 최상의 상태로 유지하십시오.

속도 최적화는 지속적인 노력이라는 것을 기억하십시오. 최신 개발 및 모범 사례를 확인하십시오.

저자 약력: Lucy Barret은 WordPress 개발 회사인 HireWPgeeks Ltd의 선임 WordPress 개발자입니다. 그녀는 HTML을 WordPress 테마로 변환하는 전문가인 개발자 팀을 관리합니다. 그녀는 또한 블로거이며 WordPress의 대규모 커뮤니티와 지식을 공유하는 것을 좋아합니다.