2022년 속도를 높이는 5가지 방법
게시 됨: 2022-02-02사이트의 전반적인 성능은 검색 엔진의 순위에 큰 영향을 줄 수 있습니다. Google은 WordPress의 LCP(Large Contentful Paint)를 비롯한 여러 측정항목을 사용하여 사이트 품질을 측정합니다. 따라서 LCP 점수를 높이면 웹 사이트의 성능을 높이고 순위를 높이는 데 도움이 될 수 있습니다.
다행히 시작하는 데 많은 기술 전문 지식이 필요하지 않습니다. 페이지에서 가장 무거운 요소를 식별하여 콘텐츠를 최적화하고 사이트 속도를 높이는 데 필요한 조치를 취할 수 있습니다.
이번 포스팅에서는 LCP를 측정하는 방법을 알아보겠습니다. 그런 다음 WordPress에서 가장 콘텐츠가 풍부한 페인트 점수를 개선하는 데 도움이 되는 5가지 전략을 공유합니다. 시작하자!
WordPress에서 가장 큰 콘텐츠가 포함된 페인트를 측정하는 방법
2020년에 Google은 Core Web Vitals 프로젝트를 도입했습니다. 인기 있는 검색 엔진은 이 메트릭 세트를 사용하여 사이트의 성능과 품질을 측정합니다.
이러한 메트릭 중 하나는 가장 큰 콘텐츠가 포함된 페인트라고 하며 페이지가 화면에서 가장 큰 항목을 완전히 로드하는 데 걸리는 시간을 측정합니다. 대부분의 경우 이 콘텐츠는 영웅 이미지와 같은 눈에 띄는 시각적 요소입니다.

Google의 PageSpeed Insights를 사용하여 LCP 점수를 측정할 수 있습니다. 이 도구는 다양한 사용자로부터 실제 성능 데이터를 수집하고 각 점수에 대한 분석을 제공합니다.

시간을 제공하는 것 외에도 페이지 아래의 진단 섹션에서 Google이 가장 큰 콘텐츠가 포함된 페인트를 결정하는 데 사용하는 사이트의 실제 요소도 식별합니다.

대부분의 다른 속도 테스트 도구는 이제 가장 큰 콘텐츠가 포함된 페인트를 테스트할 수 있으므로 다양한 위치, 장치 및 연결 속도에서 테스트할 때 좀 더 유연하게 사용할 수 있습니다.
Google에 따르면 좋은 LCP 점수는 2.5초 이하여야 합니다 [1] . 페이지에서 가장 큰 요소를 로드하는 데 시간이 더 오래 걸리면 사용자 경험(UX)이 저하될 수 있습니다. 이는 결과적으로 이탈률을 높일 수 있습니다. 따라서 더 나은 LCP 점수를 위해 사이트를 최적화하는 것이 중요합니다.
WordPress에서 가장 콘텐츠가 풍부한 페인트 점수를 향상시키는 5가지 방법
지금까지 살펴본 바와 같이 LCP 점수는 사이트의 전반적인 성능에 중요한 역할을 합니다. 이를 염두에 두고 이 점수를 높이고 웹사이트 로드 속도를 높이는 5가지 효과적인 방법을 살펴보겠습니다!
- 이미지 최적화
- 렌더링 차단 리소스 제거
- CDN(콘텐츠 전송 네트워크) 사용
- 사용하지 않는 플러그인 제거
- 서버 응답 시간 단축
1. 이미지 최적화
앞서 언급했듯이 LCP는 웹사이트가 페이지에서 가장 큰 요소를 렌더링하는 데 걸리는 시간을 측정합니다. 이미지 및 비디오와 같은 미디어 파일은 가장 무거운 파일인 경향이 있습니다.
이 문제를 해결하려면 사진을 최적화하는 것이 중요합니다. 실제로 이 방법은 PageSpeed Insights 보고서에서 권장됩니다.

압축 및 WebP 형식과 같은 전술로 사진 크기를 조정하고 최적화하려면 Optimole과 같은 이미지 최적화 도구를 사용할 수 있습니다.
이 플러그인은 실시간으로 WordPress 이미지를 최적화하고 모든 그래픽이 다른 장치에 맞게 적절하게 크기가 조정되도록 합니다. 또한 품질 저하 없이 사진을 압축합니다.
또한 Optimole은 CDN(콘텐츠 전송 네트워크)을 통해 이미지를 제공합니다. 이렇게 하면 누군가 귀하의 웹사이트를 방문할 때 최적화된 그래픽이 WordPress 사이트의 서버 대신 가장 가까운 네트워크 위치에서 로드되어 다운로드 속도가 느려집니다.
이미지 크기를 조정하고 압축하여 사이트 속도를 크게 높일 수 있습니다. 파일이 작을수록 로드 속도가 빨라져 LCP 점수가 향상됩니다.
2. 렌더링 차단 리소스 제거
렌더링 차단 리소스는 브라우저가 사이트의 콘텐츠 렌더링을 지연하도록 하는 HTML, CSS 및 JavaScript 파일입니다. 따라서 이러한 요소는 페이지 로드 시간을 증가시켜 LCP 점수를 낮춥니다.
렌더링 차단 요소를 제거하거나 다른 모든 요소가 로드된 후 강제로 실행하여 이 로드 문제를 해결할 수 있습니다. 다행히도 이 과정은 생각보다 쉽습니다.
사실, WP Rocket과 같은 플러그인을 사용하면 모든 작업을 수행할 수 있습니다.

이 도구는 웹사이트에서 렌더링 차단 CSS 및 JavaScript를 자동으로 제거합니다. 따라서 플러그인은 콘텐츠 렌더링 지연을 최소화하여 사이트 사용자의 로딩 시간을 단축하는 데 도움이 됩니다.

WP Rocket을 사용하는 경우 활성화할 수 있는 가장 유용한 설정은 파일 최적화 탭에 있습니다.
CSS 파일 에서 다음을 활성화합니다.
- CSS 전달 최적화 > 사용하지 않는 CSS 제거
JavaScript 파일 에서 다음을 활성화합니다.
- JS 로드 지연
- 자바스크립트 실행 지연
3. 콘텐츠 전송 네트워크(CDN) 사용
WordPress에서 가장 큰 콘텐츠가 포함된 페인트 점수를 향상시키는 또 다른 효과적인 방법은 콘텐츠 전송 네트워크(CDN)를 사용하는 것입니다. 이것은 서로 다른 위치에 분산된 서버 네트워크입니다.
CDN을 활용하면 방문자에게 지리적으로 가장 가까운 서버에서 캐시된 콘텐츠 사본이 제공됩니다. 이렇게 하면 사이트가 사용자에게 더 빨리 로드됩니다.
또한 CDN은 호스팅 서버의 부하를 최소화합니다. 이렇게 하면 사이트 속도를 더욱 높일 수 있습니다.
Optimole을 사용하고 있다면 이미 CDN을 통해 이미지를 로드하고 있는 것입니다. 그러나 LCP를 더욱 향상시키기 위해 다른 정적 파일에도 CDN을 사용할 수 있습니다.
번거로움 없이 CDN을 설정하고 싶다면 RocketCDN을 확인해보세요. WP Rocket에 직접 통합됩니다.
이 도구는 최적의 구성 설정을 자동으로 적용하여 사이트 성능을 향상시킵니다. CDN은 전 세계적으로 45개 이상의 엣지 로케이션이 있는 StackPath에 의해 구동됩니다.
귀하의 사이트가 국제 청중을 수용한다면 CDN을 얻는 것이 좋은 투자가 될 수 있습니다. 위치에 관계없이 모든 사용자의 콘텐츠가 빠르게 로드되도록 할 수 있습니다. 이 설정은 LCP 점수를 크게 향상시킬 수 있습니다.
4. 사용하지 않는 플러그인 제거
LCP 점수는 WordPress 사이트에서 사용하는 플러그인의 영향도 받을 수 있습니다. 무거운 소프트웨어는 특히 이러한 도구가 CSS 또는 JavaScript를 많이 사용하는 경우 사이트 속도를 저하시킬 수 있습니다.
PageSpeed Insights는 페이지에 팽창을 추가하는 모든 플러그인을 제거할 것을 권장합니다.

보다 구체적으로, 사용하지 않는 CSS 및 JavaScript를 로드하는 모든 도구를 삭제해야 합니다. 사이트에 사용하지 않는 스크립트가 많으면 불필요한 데이터 전송이 추가됩니다. 이렇게 하면 이러한 프로세스로 인해 콘텐츠 렌더링 속도가 느려집니다.
PageSpeed Insight 보고서는 문제가 있는 스크립트의 URL을 제공하여 이러한 무거운 플러그인을 식별하는 데 도움이 됩니다. 그러나 사이트에 많은 수의 도구가 있는 경우 이러한 도구를 제거하는 것은 여전히 시간 소모적인 작업일 수 있습니다.
따라서 사이트에서 사용하지 않거나 불필요한 플러그인을 제거하는 것으로 시작할 수 있습니다. 그런 다음 더 가벼운 대안을 찾을 수 있습니다.
5. 서버 응답 시간 단축
TTFB(Time to First byte)라고도 하는 서버 응답 시간은 사용자의 브라우저가 페이지에서 콘텐츠의 첫 번째 바이트를 수신하는 데 걸리는 시간입니다. 서버 응답 시간이 느리면 페이지 로딩이 지연되어 LCP 점수에 영향을 미칩니다.
PageSpeed Insights에서 언급했듯이 플러그인, 테마 및 호스팅 서비스는 모두 서버 응답 시간에 영향을 줄 수 있습니다.

사이트에서 사용하지 않는 플러그인과 스크립트를 제거했는데도 여전히 낮은 LCP 점수를 받고 있다면 문제는 서버일 수 있습니다. 따라서 더 나은 호스팅 계획으로 업그레이드해야 할 때일 수 있습니다.
공유 호스팅은 저렴하기 때문에 새로운 웹사이트에 가장 적합한 솔루션인 경우가 많습니다. 그러나 이 패키지를 사용하면 다른 많은 웹사이트 소유자와 서버를 공유하게 됩니다. 따라서 서버가 동시에 많은 수의 요청을 수신하면 응답 시간이 느려질 수 있습니다.
사이트가 성장하고 더 많은 트래픽이 발생하기 시작하면 더 고급 계획으로 전환하는 것을 고려해 볼 가치가 있습니다. 관리형 WordPress 호스팅을 선택하는 것이 좋습니다. 이 패키지를 사용하면 웹 호스트가 웹 사이트를 원활하게 실행하는 데 필요한 모든 최적화 작업을 처리합니다.
VPS(가상 사설 서버) 계획 또는 전용 호스팅을 고려할 수도 있습니다. 이러한 서비스는 약간 비싸지만 더 많은 서버 리소스를 얻을 수 있습니다. 또한 공급자는 특정 요구 사항과 요구 사항에 맞게 서버를 구성합니다. 따라서 많은 양의 트래픽을 처리하고 콘텐츠를 효율적으로 전달할 수 있는 장비가 더 잘 갖춰져 있을 것입니다.
여기에서 좋은 선택을 하려면 가장 빠른 WordPress 호스팅 컬렉션을 확인하세요.
오늘 WordPress에서 가장 큰 콘텐츠가 포함된 페인트 속도를 높이십시오.
사이트의 사용자 경험(UX)과 로딩 시간은 검색 결과의 가시성에 영향을 줄 수 있습니다. 따라서 LCP 점수를 포함하여 사이트의 전반적인 성능을 향상시키는 것이 중요합니다.
이 게시물에서는 WordPress에서 가장 콘텐츠가 풍부한 페인트 점수를 향상시키는 5가지 효과적인 방법을 살펴보았습니다.
- Optimole과 같은 압축 도구를 사용하여 이미지를 최적화하십시오.
- WP Rocket과 같은 플러그인으로 렌더링 차단 리소스를 제거하십시오.
- RocketCDN과 같은 CDN(콘텐츠 전송 네트워크)을 사용합니다.
- 사이트에서 사용하지 않는 플러그인을 제거하십시오.
- 보다 강력한 호스팅 계획으로 전환하여 서버 응답 시간을 줄이십시오.
WordPress에서 LCP 점수를 높이는 방법에 대해 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!