워드프레스 웹사이트 속도 향상을 위한 10가지 팁

워드프레스 웹사이트 속도

웹사이트 속도 – 대부분의 개발자와 SEO가 개선하고자 하는 주요 요소 중 하나입니다. 바로 이번 주에 Google은 웹페이지 로드 속도가 새로운 Mobile First Index의 큰 순위 요소가 될 것이라고 발표했습니다.

이 기사에 따르면 웹페이지 로드 속도는 Google Analytics를 통해 관찰할 수 있는 단 4초 만에 페이지 이탈률이 25%로 페이지 이탈에 직접적인 기여를 합니다. DoubleClick by Google에 따르면 페이지 로드 속도는 모바일 사용자를 고려할 때 부정적인 영향을 미칩니다. 모바일 사용자의 53%가 4초 후에 페이지를 이탈합니다.

그래서 이번 주에 WordPress 웹사이트 속도를 개선하기 위한 몇 가지 팁과 방법을 분석하기로 결정했습니다.

1. 테스트 실행

속도 향상을 위해 웹 사이트 최적화를 시작하기 전에 테스트를 실행하여 웹 사이트가 현재 어떻게 작동하는지 확인하여 필요한 개선 수준에 대한 좋은 지표를 제공하는 것이 좋습니다.

Google Developers의 PageSpeed ​​Insights는 웹사이트에 데스크톱 및 모바일 모두에 대해 100점 만점의 최적화 점수를 제공합니다. 이것은 웹사이트 속도가 얼마나 잘 수행되는지 확인하고 개선이 필요한 부분에 대한 정보를 제공하는 좋은 방법입니다.

실행을 고려할 수 있는 또 다른 테스트는 WebPageTest입니다. 이 테스트는 첫 번째 바이트까지의 시간을 포함하여 웹사이트가 로드되는 방식에 대한 방대한 양의 세부 정보를 제공하고 특정 리소스가 로드되는 데 걸리는 시간을 정확히 보여줍니다.

2. 축소 및 결합(HTML,CSS 및 JavaScript)

WebPageTest에서 결과를 얻으면 HTML, CSS 및 JavaScript 페이지와 같은 추가 리소스 페이지를 사용하기 위해 웹사이트에서 만든 요청 수를 볼 수 있습니다.

여기서 목표는 이러한 파일을 더 작게 만들고 함께 결합하여 해당 수를 낮추는 방법으로 가능한 한 많이 그 수를 줄이는 것입니다.

이 프로세스는 Divi 또는 Elementor와 같은 페이지 빌더를 사용하는 경우 특히 중요합니다. 때로는 이러한 빌더가 파일 내에 불필요한 코드, 공백 및 불필요한 형식의 스니펫을 남길 수 있습니다.

이를 수행하는 간단한 방법은 WP Fastest Cache와 같은 플러그인을 설치하는 것입니다. 이 유형의 플러그인 설정 내에서 축소 및 결합 옵션을 모두 선택하려고 합니다.

3. 첫 번째 바이트까지의 시간 최소화

첫 번째 바이트 또는 TTFB까지의 시간은 기본적으로 서버가 요청을 수신하고 정보의 첫 번째 바이트를 브라우저로 다시 보내는 데 걸리는 시간을 측정한 것입니다.

개발자 도구 또는 DevTools는 Google 크롬에 내장된 웹 작성 및 디버깅 도구 세트입니다. DevTools는 웹 개발자에게 브라우저 및 웹 애플리케이션의 내부에 대한 심층적인 액세스를 제공합니다.

개발자 도구를 사용하는 경우 응답 시간이 인터넷 연결의 영향을 받을 수 있음을 기억하는 것이 중요합니다. 따라서 연결 속도가 느릴수록 서버 응답이 느려집니다.

TTFB가 200ms 미만이면 모든 것이 정상입니다. 그렇지 않은 경우 시간을 줄이기 위해 해결해야 할 몇 가지 다른 문제가 있을 수 있습니다.

동적 콘텐츠 생성 및 서버 구성은 TTFB를 줄이려고 할 때 제어 가능한 두 가지 요소입니다. WordPress를 사용하면 페이지가 동적일 가능성이 높습니다. 이것은 핑백되기 전에 PHP를 사용하여 다른 파일에서 "빌드"할 데이터베이스와 상호 작용해야 함을 의미합니다.

서버 응답 시간을 줄이고 캐싱을 활성화하는 것은 이 기사의 뒷부분에서 다룰 이러한 문제에 대한 두 가지 수정 사항입니다.

4. 서버 응답 시간 단축

페이지 로드 속도의 가장 큰 요인 중 하나는 DNS 조회에 걸리는 시간입니다.

DNS(도메인 이름 시스템)는 IP 주소 및 연결된 호스트 이름의 데이터베이스가 있는 서버입니다. 사용자가 브라우저에 URL을 입력하면 DNS 서버가 해당 URL을 온라인 위치를 나타내는 IP 주소로 변환합니다.

느린 DNS 공급자를 사용하는 경우 브라우저에서 사이트를 찾는 데 걸리는 시간이 늘어납니다. 더 빠른 DNS 공급자로 전환하면 프로세스 속도가 빨라질 수 있습니다.

현재 DNS 공급자가 누구인지 확실하지 않은 경우 MX Toolbox의 DNS 조회 도구를 사용하여 찾을 수 있습니다.

5. 올바른 호스팅 옵션 선택

일부 호스팅 제공업체 패키지는 속도가 제한되어 있으므로 호스팅 제공업체가 현재 구독을 제한할 수 있는지 확인하는 것이 가장 좋습니다.

호스트가 충분히 빠른 서비스를 제공하지 않는다는 것을 알게 된 경우 호스트에게 연락하는 것이 좋습니다. 서비스를 변경하기 전에 이를 알리십시오. 때로는 무료 개월 또는 동일한 호스팅 제공업체의 더 저렴한 서비스로 이어질 수 있기 때문입니다.

속도를 테스트하여 현재 호스팅 제공업체가 Bitcatcha로 얼마나 잘 수행하는지 평가할 수 있습니다.

6. 브라우저 캐싱 활성화

웹 사이트를 방문하면 방문하는 페이지의 요소가 하드 드라이브의 캐시 또는 임시 저장소에 저장되어 웹 사이트를 로드하기 위해 서버에 다른 요청을 보내는 대신 브라우저가 로컬 저장소에서 페이지를 로드할 수 있습니다.

브라우저 캐싱을 활성화하는 쉬운 방법은 WP Fastest Cache와 같은 플러그인을 사용하는 것입니다. 브라우저 캐싱을 활성화하려면 다음 단계를 따르십시오.

• 'WP Fastest Cache' WordPress 플러그인을 다운로드하여 설치합니다.
• WP Fastest Cache 플러그인 설정으로 이동합니다.
• 브라우저 캐싱 확인란을 클릭하고 제출 버튼을 클릭합니다.
• 그 후 "옵션이 저장되었습니다"라는 메시지가 표시됩니다.

캐싱 활성화

WP Fastest Cache에서 캐시 시스템 옵션이 활성화되면 동적 WordPress 웹 사이트로 구성된 php 및 mysql 데이터베이스 파일에서 정적 html 파일이 생성됩니다.

웹 사이트 방문자 수가 많은 경우 시스템은 페이지를 렌더링하는 데 많은 RAM과 CPU를 사용해야 하므로 많은 사용자의 로딩 속도가 느려질 수 있습니다.

캐시 시스템이 활성화되면 서버는 더 이상 php 및 mysql 파일을 호출할 필요가 없으며 정적 html 파일에 의존합니다.

이 작업이 완료되면 웹 사이트 속도가 거의 즉시 눈에 띄게 향상되었음을 알 수 있습니다.

7. 이미지 크기

웹사이트에 포함된 이미지 파일의 크기는 페이지 속도를 높일 때 고려해야 할 큰 요소입니다. 고해상도 이미지는 웹 페이지의 전체 크기를 증가시키고 결과적으로 웹 사이트 속도를 늦출 수 있습니다.

권장 이미지 크기는 100KB 또는 0.1MB 미만이므로 이미지가 빠르게 로드됩니다. 즉, 이 크기를 초과하는 이미지는 100KB 이하로 압축해야 합니다.

이미지 압축을 허용하는 일부 플러그인이나 웹사이트를 사용하여 이 작업을 쉽게 수행할 수 있지만 웹사이트를 업로드하거나 만들기 전에 이미지를 압축하는 것이 가장 좋으므로 Photoshop을 사용하여 이 작업을 수행하는 방법을 배우는 것이 좋습니다.

Photoshop에 대한 지식이 없는 경우 CompressJPEG 또는 CompressPNG 온라인 압축 서비스를 사용하는 것이 좋습니다.

8. 압축 활성화

파일이 작을수록 페이지가 더 빨리 로드됩니다. 압축 파일은 로드 시간을 줄이는 가장 쉬운 방법 중 하나이며 오늘날 Gzip으로 압축을 활성화하는 것이 표준 관행으로 간주됩니다.

WordPress Fastest Cache는 또한 브라우저 캐싱을 활성화하는 것과 유사한 GZIP 압축을 허용합니다. 이 옵션을 활성화하면 웹사이트 속도가 눈에 띄게 향상되는 것을 볼 수 있습니다.

사이트에 Gzip이 활성화되어 있는지 확실하지 않은 경우 GZIP 압축 확인을 사용할 수 있습니다. 사이트의 URL을 입력하기만 하면 Gzip이 활성화된 경우 다음과 같이 표시됩니다.

9. 외부 호스팅 플랫폼 사용

외부 호스팅 플랫폼을 사용하여 오프사이트에서 더 큰 파일을 호스팅하는 것도 탐색할 수 있는 또 다른 방법입니다. 동영상 파일은 크기가 상당할 수 있고 웹사이트 속도에 큰 영향을 미칠 수 있기 때문입니다.

웹사이트에 직접 비디오를 업로드하는 대신 YouTube 또는 Vimeo와 같은 외부 호스팅 플랫폼을 사용하고 해당 html 코드를 사용하여 사이트에 비디오를 포함시키십시오. 이 방법은 많은 공간을 절약하고 압축된 비디오 파일 대신 고해상도를 허용합니다.

10. CDN 사용

서버가 웹사이트를 불러오도록 요청하면 요청은 인터넷을 통해 웹사이트를 호스팅하는 서버가 있는 곳으로 이동하며 서버는 요청된 정보를 다시 보내도록 지시합니다.

트래픽이 가장 많은 시간에는 요청이 많아 서버 응답 시간이 느려질 수 있으며 이는 비즈니스 성장 가능성이 높은 기간에는 이상적이지 않습니다.

CDN(콘텐츠 전송 네트워크)을 사용하면 글로벌 서버 네트워크에서 웹사이트를 캐시합니다. 즉, 요청이 있을 때마다 웹사이트가 캐시된 가장 가까운 서버로 라우팅됩니다. 기본적으로 모든 글로벌 요청이 하나의 서버로 이루어지는 대신 다른 국가 또는 로케일에 포함된 서버 간에 정보를 나눕니다.

위의 단계를 따르면 웹 사이트 속도에 눈에 띄는 차이가 있습니다. 위의 테스트를 다시 실행하고 개선의 명확한 지표에 대한 결과를 비교하십시오.

추가 정보가 필요하거나 변경 사항을 구현하는 데 어려움이 있는 경우 WordPress 웹 개발에서 다양한 WordPress 서비스를 볼 수 있습니다.