속도를 올리는 법 WordPress 웹사이트 & 패스 Core Web Vitals – 2026 년 가이드

오늘날과 같은 디지털 시대에, WordPress 웹사이트 속도와 최적화는 최적의 사용자 경험을 제공하는 데 중요한 역할을 합니다. 느리게 로드되는 웹사이트는 방문자를 좌절시킬 뿐만 아니라 검색 엔진 순위와 전반적인 온라인 평판에 부정적인 영향을 미칠 수도 있습니다.

실제로 통계에 따르면 40%의 사용자는 그렇지 않은 경우 웹사이트를 떠날 것입니다. 3초 안에 로딩 하지만 사용자 유지가 웹 사이트 속도를 높여야 하는 유일한 이유는 아닙니다. 

느린 속도를 높이는 방법 WordPress 사이트 및 패스 Core Web Vitals?

속도를 느리게 하는 방법 WordPress 사이트 및 패스 Core Web Vitals

간단히 말해서, 당신은 가지고 있어야 할 것입니다;

  • 경량 테마(Kadence, Astra, GeneratorPress 또는 OceanWP)

아무리 강조해도 지나치지 않습니다. 빠른 웹 호스팅이 없다면 웹 사이트의 성능을 향상시키기 위해 시간을 낭비하고 있는 것입니다. 빠른 웹 호스트를 갖는 것은 테마와 같은 성능 조정 전에 빠른 로딩 웹사이트를 얻는 첫 번째 단계입니다. caching 등

로딩 속도가 빠르면 검색 결과에서 더 높은 순위를 매기는 데 도움이 될 수 있습니다. 이를 감안할 때 우리는 다음과 같이 말할 수 있습니다. WordPress 속도 최적화는 일반적인 관심사입니다 플랫폼에서 웹사이트를 제작하거나 운영하는 사람들을 위한 것입니다. 웹사이트를 최적화하면 페이지 로드 시간을 줄이는 데 도움이 될 수 있습니다. 

이번 글에서는 이럴 때 도움이 될 만한 최고의 팁을 알려드리겠습니다. WordPress 속도 최적화. 

DNS 변경, 호스팅 구성, 이미지 최적화 등과 같은 사항을 다루겠습니다. 그러나 이에 대해 알아보기 전에 먼저 무엇을 이해해야 하는지 이해해야 합니다.app사용자가 다음 사이트를 방문할 때 WordPress 사이트. 

방법 이해 WordPress 작품 

지난 몇 년간 제가 배운 가장 중요한 것 중 하나는 다음과 같습니다. WordPress 콘텐츠 관리와 같은 다양한 작업에 적합합니다. 그러나 속도는 실제로 플랫폼의 특징이 아니며 이는 플랫폼이 작동하는 방식 때문입니다. 

누군가 당신의 집을 방문했을 때 WordPress, 플랫폼은 데이터베이스 및 테마와 같은 다양한 소스에서 데이터를 가져와 모든 데이터를 HTML 파일로 결합합니다. 이 프로세스가 완료되면 HTML 파일이 사용자의 웹 브라우저로 전송됩니다. 

그러나 나는 당신에게 말할 수 있습니다 이동 중에 페이지를 작성하는 것은 실제로 이상적인 성능을 위한 적합한 옵션이 아닙니다. 게다가 다음과 같은 것들이 plugins 및 테마가 모두 한 번에 실행됨 귀중한 것을 소비하다 server 할 수 있는 자원 이로 인해 로딩 속도가 감소합니다. 

이는 최적화할 수 없다는 의미는 아닙니다. WordPress 속도를 위한 사이트. 그럴 때 할 수 있는 일은 여러 가지가 있습니다. WordPress 속도 최적화. 그들이 무엇인지 파헤쳐 봅시다;

DNS 속도
출처: DNSPref

DNS를 변경하면 속도를 높이는 데 도움이 될 수 있습니다. WordPress 사이트이지만 움직이기 전에, DNS 속도를 확인하세요. 가장 먼저 알아야 할 것은 도메인 등록 기관이 DNS 공급자이므로 전환하지 않은 경우 TTFB(Time to First Byte)가 느려질 위험이 있을 수 있다는 것입니다.

이 happ다음과 같은 몇 가지 이유가 있습니다. 네트워크 대기 시간, 예정되지 않은 DNS 유지 관리 및 네트워크 호스트 님 차단자 Google. SEO 순위를 잃을 수도 있습니다. 알아야 할 가장 중요한 점은 Cloudflare의 DNS가 잘 작동한다는 것입니다. LiteSpeed server, QUIC의 DNS를 사용하는 것이 더 나은 옵션입니다.

그것은 당신에게 제공 정확한 지리적 라우팅 QUIC의 CND와 잘 통합됩니다. 프리미엄 DNS를 제공하는 Kinsta 및 Cloudways와 같은 다른 옵션도 있습니다. 하지만, 당신이 알아야 할 것은 Kinsta는 Amazon Route 53을 사용하고 Cloudways는 DNS Made Easy를 사용합니다.이며 둘 다 다음보다 느립니다. 쿼리 속도가 13.47밀리초(ms)인 Cloudflare.

DNS를 Cloudflare로 변경하려면:

  1. 플랫폼에 가입하세요.
  2. 웹사이트를 추가하세요.
  3. 에 따라 이름을 바꿔라servers 메시지가 표시되면 가셔도 됩니다.

주류 호스트를 찾지 마세요

대부분의 사람들은 인기 있는 호스팅 계획이나 제공업체가 자신에게 가장 적합한 옵션이라고 생각하는 경우가 많습니다. 하지만 속도가 걱정된다면 WordPress 사이트에서는 이것이 100% 사실이 아니라는 점을 알아야 합니다. 많은 호스팅 회사가 마케팅과 광고에 돈을 투자하여 다음과 같이 표시될 수 있다는 점을 이해해야 합니다. “최고의 선택.”

지난 몇 년간 제가 배운 한 가지는 호스팅 계획에 관해 찾을 수 있는 모든 정보가 정확하지는 않다는 것입니다. 이런 점을 감안할 때 저는 온라인에서 보는 리뷰와 동영상을 무시하고 대신 사양에 의존하는 경향이 있습니다. 여러분도 그렇게 하시길 권합니다.

다음은 비교할 수 있는 인기 있는 호스팅 제공업체에 대한 데이터입니다.

  • 공유 호스팅 계획 사양:
 SiteGround 성장대규모호스팅어 비즈니스 WPWPX 사업A2 호스팅 터보 부스트NameHero Turbo Cloud
타입공유공유공유공유공유
Server아파치 + 엔진엑스LiteSpeedLiteSpeedLiteSpeedLiteSpeed
Cache PluginSG 최적화LSCLSC 또는 W3TCLSCLSC
CDNGoogle 클라우드QUIC.cloudQUIC.cloud/XDNQUIC.cloudQUIC.cloud
전체 페이지 caching가능QUIC 사용QUIC 사용QUIC 사용QUIC 사용
DNS차단자 Google 4 일에 대한내부/QUIC내부/QUIC내부/QUIC내부/QUIC
코어/RAM숨겨진2코어/1.5GB1코어/1GB2코어/2GB3코어/3GB
스토리지20GB / SATA200GB / SATA15GB / SATA“무제한” / NVMe“무제한” / NVMe
목적 Cache멤cache멤cache아니RedisRedis
데이터베이스MySQL의MariaDBMariaDBMariaDBMariaDB
리소스 제한CPU 리소스는 공통입니다.낮은 리소스낮은 리소스LiteSpeed로 효율적LiteSpeed로 효율적
아이 노드400,000600,000재량에 따라600,000500,000
제어판사이트 도구h패널WPX 패널의 cPanel의 cPanel
이메일 저장10GB1GB여러 제한무제한무제한
주요 사건TTFB/DNS/CPU 문제 및 비윤리적2019년 사기 신고, 허위 리뷰, 위반전 세계적인 정전 사태를 죽은 CEO 탓으로 돌림2주간 지속된 랜섬웨어 공격사과문 발행과 함께 2일간 노드 중단
TrustPilot 등급4.64.64.94.44.6
할인 가격$ 6.99 월월 $3.99, 3개월 무료월 $20.83, 2개월 무료$ 6.99 월$ 10.97 월
갱신$ 29.99 월$ 8.99 월$ 20.83 월$ 22.99 월$ 19.95 월
스펙세부 정보세부 정보세부 정보세부 정보세부 정보

  • 클라우드 호스팅 계획 사양:
 SiteGround 클라우드 점프 시작 계획WP 엔진 시동 계획Kinsta 스타터 플랜Cloudways Vultr HF(2GB) Rocket.net 초보자 용 계획
타입클라우드클라우드클라우드클라우드프라이빗 클라우드
Server아파치 + 엔진엑스아파치 + 엔진엑스아파치 + 엔진엑스아파치 + 엔진엑스아파치 + 엔진엑스
코어/RAM4코어/8GB목록에 없음12코어/8GB1코어/2GB32코어/128GB
스토리지40GB10GB10GB64GB10GB
CDNGoogle 클라우드Cloudflare 및 폴란드어Cloudflare, 전체 페이지 caching및 방화벽 규칙Cloudflare Enterprise 월 $5Cloudflare Enterprise
CDN 대역폭측정되지 않음언급되지 않은100 GB100GB무제한
DNS내부의내부의아마존 경로 53월 5달러로 DNS를 쉽게 만들 수 있습니다.Cloudflare
Cache PluginSG 최적화N/AN/ABreezeN/A
목적 Cache멤cached멤cached월 100달러의 Redis레디스 프로Redis
PHP 프로세서빠른CGIHHVM빠른CGIFPMLiteSpeed
PHP 작업자언급되지 않은언급되지 않은PHP 작업자 2명제한되지 않음제한되지 않음
메모리 제한조절할 수 있는512 MB256MB조절할 수 있는1GB
데이터베이스MySQL의언급되지 않은언급되지 않은MariaDBMariaDB
Nginx 역방향 proxy가능수동 구성$ 50 월가능가능
대역폭 또는 월간 방문5TB50GB 및 월별 방문수 25,000회월 25,000 회 방문2TB50GB, 월 방문자 250,000명
이메일 호스팅가능N/AN/AN/AN/A
악성 코드 제거스캐너만 해당N/A제거 서약N/A면역화
주요 사건TTFB/DNS/CPU 문제 및 비윤리적2015년 위반없음없음없음
TrustPilot 등급4.64.54.24.54.9
가격$ 100 월연간 지불 시 월 $20$ 35 월 월 $30 및 CF 기업의 경우 추가 $5월 $ 30.
스펙세부 정보세부 정보세부 정보세부 정보세부 정보

제가 공유한 정보를 바탕으로 귀하에게 가장 적합한 호스팅 제공업체를 선택하실 수 있습니다. 그러나 앞서 언급한 공유 호스팅 플랫폼과 클라우드 호스팅 플랫폼 모두에 대해 지적하고 싶은 몇 가지 핵심 사항이 있습니다. 이러한 플랫폼에 대해 읽게 될 긍정적인 리뷰는 100% 정확하지 않습니다.

즉, TrustPilot과 같은 플랫폼에서 별 1개 또는 2개 리뷰로 필터링하여 어떤 사용자가 만족스럽지 못한지 확인하세요.app대략. 또한 다음과 같은 일부 공유 호스팅 제공업체는 Hostingere에는 데이터 침해 경험 이는 수백만 명의 고객에게 영향을 미쳤습니다. WPX가 중단되었습니다 이로 인해 수많은 웹사이트가 오프라인 상태가 되었고 사용자는 의사소통이 부족하다고 불평했습니다.

당신을 위해 하나를 선택할 때 WordPress 사이트를 방문하려면 약간의 조사만 하면 됩니다. 여기에는 TrustPilot에 대한 나쁜 리뷰를 검토하고 Reddit에서 사용자 경험을 읽고 사양을 분석하는 작업이 포함됩니다.

호스팅 계정에서 설정 구성

대부분의 사람들은 이 측면을 간과하고 기본 호스팅 구성 옵션을 고수합니다.

예를 들어, 귀하의 웹사이트가 서비스를 제공하지 않는 경우 cached 페이지, 이는 페이지에 과부하가 걸릴 수 있음을 의미합니다. server, 이로 인해 속도가 감소하고 최악의 경우 웹 사이트가 중단될 수 있습니다. 구성할 수 있는 호스팅 설정은 공급자에 따라 다르지만,rally 다음을 포함하는 다양한 측면이 포함됩니다.

  • OPcache - 이것이 제공되는 것이라면 그것을 사용하십시오. 그만큼 OPcache PHP에 내장되어 있습니다 미리 컴파일된 스크립트 바이트코드 공유 메모리로 작동하므로 웹사이트 성능이 향상됩니다. PHP가 각 요청마다 스크립트를 로드할 필요가 없습니다..
  • Caching 레이어 – 할 수 있는 옵션이 있는 경우 Ngnix와 같은 것을 사용하십시오, 해. 위에서 언급한 일부 호스팅 옵션은 모두 Nginx 역방향을 지원합니다. proxy, 당신이 할 수 있도록 cache 콘텐츠를 업데이트하고 웹사이트 속도를 향상시키세요.
  • 브로 틀리 – Brotli를 지원하는 호스트를 많이 찾을 수는 없지만 지원한다면 큰 이점이 됩니다. 무손실 압축 알고리즘입니다. 2차 컨텍스트 모델링, LZ77 알고리즘 및 허프만 코딩의 다양한 변형을 사용하여 데이터를 압축합니다.
  • 자원 사용 – 대부분의 사람들은 이 점을 간과하는 경향이 있지만 리소스 사용량과 오류 로그를 계속 주시하는 것이 매우 중요합니다. 동시에 너무 많은 리소스를 사용하는 경우 속도에 영향을 미칠 수 있습니다.
  • Redis 대 Memcached – 둘 다 훌륭한 옵션이지만 Redis가 여기서 우위를 점하고 있습니다. Mem보다 더 나은 메모리 활용률을 제공합니다.cached 해시 구조를 사용하고 디스크 덤핑을 위해 타사 도구에 의존하지 않는 경우.

Cloudflare APO, Enterprise 또는 다른 것을 사용하지 마십시오. QUIC.cloud LiteSpeed에서

클라우드플레어 자동 성능 최적화 (APO)는 다음과 같은 경우에 가장 중요한 것입니다. WordPress 속도 최적화. 기본적으로 Cloudflare가 전체 서비스를 제공할 수 있도록 합니다. WordPress 사이트는 가능한 한 cache 동적 콘텐츠, 빠르고 일관된 TTFB를 얻을 수 있도록 도와줍니다.

일부 다른 제공업체에서는 자체 서비스를 제공하는 것으로 알고 있습니다. CDNs, 그리고 결정을 내리는 것은 압도적일 수 있습니다. 그러니 확인해 보시는게 좋을 것 같아요 CDNCloudflare의 경우 성능이 매우 뛰어납니다. CloudFlare CDN 최고의 성과를 내고 있습니다 cdnpref.com보다 훨씬 낫습니다. Google 그리고 아카마이. 

쿼리 속도는 26.81ms에 불과합니다. 0.16ms 더 빠르다 Google 그리고 무려 Akamai보다 6.22ms 빠릅니다.

CDN 속도
출처: CDN선호

APO 및 엔터프라이즈 Cloudflare 계획

더 자세히 설명하기 전에 APO가 대부분의 웹사이트에 대한 작업을 완료하지만 APO가 없는 것은 아니라는 점을 지적하고 싶습니다. 엔터프라이즈 버전. 따라서 APO 경로를 선택한다면 방화벽 보안, 이미지 최적화, SSO 지원 등과 같은 사항을 타협해야 할 수도 있습니다.

이제 알아야 할 것은 일부 호스팅 플랫폼이 지원한다는 것입니다. Cloudflare Enterprise, 하지만 몇 가지 기능이 누락되었습니다. 내 경험을 바탕으로 나는 이렇게 믿는다. Rocket.net Enterprise 버전 제공에 가까운 버전입니다. 위해 구성되었습니다. WordPress 즉시 사용할 수 있으며 다음과 같은 수많은 혜택이 제공됩니다. 이미지 최적화, 계층형 caching, 스마트 라우팅수록.

결정을 내리는 것은 어려울 수 있으므로 Cloudflare Free를 사용할지 여부를 결정하는 데 도움이 되는 요소 목록을 정리했습니다. Cloudflare Enterprise Cloudways와 함께, 플라잉Proxy및 Rocket.net.

  • Tbps는 192와 285의 PoP는 모두 동일합니다. Cloudways는 APO를 지원하지 않으므로 다음을 수행해야 합니다. Cloudflare Free와 함께 사용하려면 매월 5달러를 지불하세요.
  • 나는 Proxy Agro Smart Routing이 없습니다., Cloudflare와 함께 무료로 사용하려면 추가 비용을 지불해야 합니다.
  • HTTP/3 및 WAF는 모든 옵션에 대해 일관됩니다.; Cloudflare를 무료로 사용하여 부하 분산을 위한 추가 비용이 발생할 수 있습니다. app처음 500,000개의 쿼리 이후.
  • 다음을 제외하고는 어떤 옵션도 자동 구성과 함께 제공되지 않습니다. Rocket.net, 그러나 얻을 수 있는 대역폭은 선택한 호스팅 계획에 따라 달라집니다.

QUIC의 표준 계획을 갖춘 LiteSpeed

만약 당신이 빛의 속도 server 그리고 Cloudflare를 사용할 수 없다면 QUIC이 가장 좋은 옵션입니다. 당신을 위한. 다른곳이랑 비교해봤는데 토끼 같은 대안 CDN, 나는CDN및 SiteGround 2.0. 내가 찾은 것은 다음과 같습니다.

  • The 대역폭 당신은 그렇지 않다 허위 광고 실제로 무제한입니다.
  • 지역 복제 및 전체 페이지와 같은 항목에 대해 추가 비용을 지불할 필요가 없습니다. caching.
  • QUIC의 표준 플랜을 사용하면 이미지 최적화 및 HTTP/3 로드 밸런싱 WAF Anti-DDoS에 대해 추가 비용을 지불할 필요가 없습니다.

페이지 빌더를 지나치게 사용하지 마세요

페이지 빌더와 관련하여 알아야 할 가장 중요한 점은 사이트에 추가 CSS 및 JavaScript를 추가하고 메모리 사용량을 증가시킨다는 것입니다. 이는 페이지 빌더를 사용하는 경우 최고 속도를 얻을 수 없다는 의미는 아닙니다. 가능하지만 호스팅에 주의해야 합니다. plugin사용하고 있으므로 최적화해야 합니다.

따라서 페이지 빌더를 선택하려면 다음 사항을 확인하세요.

  • Load Font Awesome 4 지원이 꺼져 있습니다.
  • 사용 가능한 모든 성능 설정이 켜져 있습니다.
  • 위젯과 열의 사용을 최소한으로 유지하세요.
  • 페이지 빌더를 사용하지 않을 때는 끄십시오.
  • CSS 인쇄 방법이 "외부 스타일"로 설정되어 있는지 확인하세요.

이미지 사용 CDNs

2024년, 이미지(및 비디오)는 요즘 콘텐츠의 전부입니다. 이미지를 최적화하지 않으면 server 자원 소모와 부풀림. 그래서 그것은 이미지를 사용하는 것이 더 좋습니다 CDN반대로 plugins.

나는 수년 동안 꽤 많은 것을 사용해 왔습니다. Imagify, ShortPixel, Bunny Optimizer 및 Cloudflare Mirage/Polish, 몇 가지 예를 들자면. 이 모든 옵션 중에서 CloudFlare가 최고의 옵션이라고 생각합니다. 다음을 제공합니다.

  • 웹피.
  • 모바일 크기 조정.
  • AVIF 변환.
  • 네트워크 최적화.
  • 아니 server 사용법과 부풀림이 없습니다.
  • AVIF는 다음의 이미지를 지원하고 제공합니다. CDN.

그리고 가장 좋은 점은 이 기능이 CloudFlare Enterprise. 그 동안 기억해야 할 것 가장 CDNWebP 지원, 일부는 항상 이미지를 변환하지 않으므로se Chrome Dev Tools를 사용하여 이미지가 변환되었는지 확인하세요. 또 한 가지 염두에 두어야 할 점은 치수를 구체적으로 지정해야 한다는 것입니다.

다리 cache plugin이 작업은 자동으로 수행되지만 그렇지 않은 경우 언제든지 HTML 파일에서 이미지의 크기를 변경합니다. 마지막으로, 브라우저 설정해 줘 cache TTL ~ 365일 길게 하는 게 낫기 때문에 cache 정적 이미지는 변경되지 않기 때문에 만료됩니다.

당신의 Cache 구성 주소 웹 바이탈

웹 바이탈은 기본적으로 성능 지표입니다. Google 웹사이트의 전반적인 사용자 경험을 측정할 때 고려됩니다. 이는 검색 순위에 영향을 줄 수 있습니다. 가장 무료라는 것을 아는 것이 중요합니다. cache plugins 이를 지원하는 기능이 부족하지만 선택해야 한다면 스위프트 퍼포먼스 또는 W3.

이 외에도 Lazy 렌더링 HTML 요소 및 APO 호환성과 같은 SG 최적화 프로그램 및 WP Rocket 필수 기능에 대한 옵션이 있습니다. 이로 인해 실제로 두 가지 옵션이 남게 되며 아래에서 비교를 볼 수 있습니다. 

                                        LiteSpeed Cache      FlyingPress
Server- 쪽 caching가능아니
자바스크립트 지연가능가능
사용하지 않는 CSS 제거별도의 파일별도의 파일
중요한 CSS가능가능
Preload 중요한 이미지번호 기준아니
스크롤 없이 볼 수 있는 이미지 제외AutomaticAutomatic
지연 로드 배경 이미지아니도우미 클래스
지연 렌더링 HTML 요소가능가능
누락된 이미지 크기 추가가능가능
YouTube iframe 미리보기 이미지가능가능
자체 호스트 YouTube 자리 표시자아니가능
로컬에서 글꼴 호스트가능가능
글꼴 표시: 교환가능가능
Preload 모래밭가능가능
CDNQUIC.cloud토끼 CDN
APO 호환성가능가능

솔직히 말해서 WP Rocket은 수년에 걸쳐 뒤쳐졌으며 실제로 LCP 최적화, 이미지 및 로컬 글꼴 호스팅을 위한 최선의 옵션은 아니라고 생각합니다. 나는로 전환했다 FlyingPress 최근에 말씀드릴 수 있는 건 웹 바이탈 및 속도에 적합합니다.

축소하고 싶을 수도 있습니다. cache plugin 너라면 CloudFlare를 사용하여 CSS/Java를 결합하지 마세요 이는 웹 사이트 속도를 저하시킬 수 있고 HTTP/2에서 수행해서는 안 되는 작업이기 때문입니다.

구성 Perfmatters 귀하의 설정 Cache Plugin

나는 사용했다. Perfmatters 수년에 걸쳐 꽤 많은 일이 발생했으며 제가 배운 내용을 토대로 구성해야 하는 설정은 각각에 따라 확실히 다르다는 것을 말씀드릴 수 있습니다. plugin. 때에 온다 cache plugin실제로는 그만한 가치가 있는 옵션이 네 가지밖에 없습니다. 그럼 각각에 대한 분석은 다음과 같습니다.

Perfmatters 환경FlyingPressLiteSpeed CacheWP RocketSiteGround 최적화 도구
일반 모든 옵션 활성화모든 옵션을 활성화하지만 wp-login 및 하트비트를 이동합니다.하트비트를 제외한 모든 옵션을 활성화합니다.하트비트를 제외한 모든 옵션을 활성화합니다.
자산스크립트 관리자 활성화스크립트 관리자 활성화스크립트 관리자를 활성화한 다음 사용하지 않는 CSS를 제거합니다.스크립트 관리자를 활성화하고 JavaScript를 지연한 다음 사용하지 않는 CSS를 제거합니다.
PreloadINGPreload CSS/JS 파일Preload 중요한 이미지 및 글꼴/CSS/JS 파일Preload 중요한 이미지 및 CSS/JS 파일Preload 중요한 이미지 및 CSS/JS 파일
게으른로드해제CSS 배경 이미지 활성화CSS 배경 이미지 활성화모든 지연 로드 설정 활성화
글꼴해제해제로컬 활성화 Google 글꼴디스플레이 스왑 + 로컬 활성화 Google 글꼴
CDN해제해제해제해제
통계 분석해제해제해제해제

그래서 구성할 때 cache plugins에 대한 Perfmatters, 구성할 수 있습니다 FlyingPress 평소처럼 LiteSpeed를 사용하세요. 하지만, WP 로켓에 관해서다음을 수행해야 모든 CSS 설정을 비활성화합니다. 동일 간다 SG 옵티마이저, 하지만 당신은 거기에서도 지연 로드 설정을 비활성화합니다.

로컬에서 타사 코드 호스팅 또는 지연

타사 코드에는 기본 스레드를 차단하고 필수 작업을 방지하는 스크립트가 포함될 수 있습니다.

이러한 코드는 속도를 저하시킬 수 있습니다. server 응답 시간, DNS 조회 및 응답 오류. 하지만 여기에 제가 수년에 걸쳐 배운 빠른 해결책이 있습니다.

  1. 모든 타사 코드, 글꼴 및 썸네일을 로컬로 호스팅합니다.
  2. 사용중인 경우 LiteSpeed cache, 현지화된 리소스를 지원하므로 문제가 없습니다.
  3. 그렇지 않은 경우 다음을 사용할 수 있습니다. Perfmatters' 현지의 Google 글꼴.
  4. woff2를 사용하여 사용하지 않는 글꼴 모음을 제거할 수도 있습니다.
  5. 스크롤 없이 볼 수 있는 타사 코드를 지연합니다. 

기억해 Preload

Preconnect는 제3자 도메인과의 조기 연결을 설정하는 데 도움이 되지만 이는 반드시 타사 도메인에서만 수행해야 하는 작업입니다. 타사 글꼴 및 CDN URL이. 반면에 프리페치는 프리커넥트와 매우 유사합니다. 유일한 차이점은 TCP 또는 TLS입니다. 해야 한다는 점을 명심하세요. preload 글꼴(Prefmattters와 교차 출처 사용), 이미지, WP-Block-Library 및 링크.

완료되면 사이트를 HSTS에 제출하세요. preload 목록 Chrome, 성능이 향상됩니다.

Preload HSTS

사용하지 않는 CSS 제거 

대부분의 사람들은 이 점을 간과하지만, 사용하지 않는 CSS는 웹사이트 성능에 영향을 미칠 수 있으므로 제거하는 것이 좋습니다. WP Rocket을 사용하는 경우 이 기능을 비활성화한 다음 그것을 활성화 Perfmatters 를 사용하여 "파일" 에 대한 옵션 “사용된 CSS 방법” 환경.

느린지 확인하세요 Plugins

속도를 위해 웹사이트를 최적화할 때 다음 사항을 알아야 합니다. plugin 느리게 수행되는 경우 속도에 영향을 미칠 수 있습니다. 수년에 걸쳐 나는 왜 Plugin 느릴 수도 있습니다.

  • 첫 번째 이유는 프런트 엔드에 CSS와 JavaScript를 추가하는 것입니다. JavaScript 및 CSS와 같은 것을 찾을 수 있습니다 적용 범위 사용 속도를 높이려면 제거하세요. WordPress 사이트.
  • A plugin 메모리 사용량이 늘어나면 느려질 수도 있습니다. 이것이 사실인지 테스트하려면, WP 하이브 사용. 자동으로 테스트합니다. plugin 필요한 모든 통찰력을 제공합니다.
  • 다른 이유는 다음과 같습니다. plugin 데이터베이스 팽창을 추가하거나 jQuery를 사용합니다. 이러한 문제를 확인할 수 있습니다 phpMyAdmin을 사용하고, Perfmatters 종속성 표시.

이 모든 것 외에도 다음을 수행할 수 있습니다. 최적화 plugin그것들을 다음으로 대체함으로써 CDNs 또는 블록, 백그라운드 작업 제한, 지연 및 사용하지 않는 기능 비활성화. 아래는 plugin내가 본 것은 메모리와 페이지 속도 모두에 영향을 미치는 것입니다.

Plugin카테고리 메모리 영향PageSpeed ​​영향
한 SEO에서 모든SEO아니아니
깨진 링크 검사기SEO아니가능
Disqus코멘트가능아니
Elementor페이지 빌더아니아니
Elementor 프리미엄 애드온페이지 빌더가능아니
Elementor 프로페이지 빌더아니아니
JetElements페이지 빌더아니아니
제트 팩보안아니아니
NextGEN 갤러리갤러리 (Gallery)아니아니
팝업 빌더팝업아니아니
사이트 키트 Google통계 분석아니가능

사용 안 함 Plugins 특정 페이지에서

다음으로 할 수 있는 일은 WordPress 속도 최적화는 비활성화하는 것입니다 plugin특정 페이지에 있습니다. Perfmatters 자산 정리(Asset CleanUp)는 이를 수행하는 가장 인기 있는 옵션 중 두 가지입니다. 나는 사용한다 Perfmatters및 비활성화 plugin이 도구를 사용하는 것은 매우 간단합니다.

당신이해야 할 첫 번째 일은 스크립트 관리자와 테스트 모드를 활성화합니다. 이렇게하려면 "자산" 상단 메뉴에서 사이트의 페이지를 설정하고 본 다음 클릭하세요. “퍼프매터” 그리고 “스크립트 관리자.”

이제 스크립트 관리자 설정으로 이동하여 테스트 모드를 활성화하십시오. 그 일이 끝나면 다음을 수행해야 합니다. 비활성화 plugin게시된 모든 페이지 또는 모바일 장치에 있습니다. 모바일 장치에서 비활성화하는 경우 다음을 수행해야 합니다. 가능 “별도의 모바일 cache. "

귀하의 LCP를 알아보세요

따라서 LCP는 기본적으로 4개의 하위 부분으로 나뉘며 각 하위 부분은 서로 다른 요소와 관련되며 자세한 내용은 아래에 설명되어 있습니다.

나는 대부분의 사람들이 LCP(Largest Contentful Paint)를 확실하게 파악하는 데 어려움을 겪는다는 것을 발견했습니다. 그러나 이는 핵심 웹 필수이므로 이해해야 합니다.

LCP 하위 파트요인LCP %
TTFBCDN, 호스팅, 전체 페이지 caching등~ 40의 %
리소스 로드 지연게으른 뷰포트 이미지, preload 글꼴, 뷰포트 이미지, 제외
리소스 로드 시간CSS/JS 크기/이미지 줄이기, CDN, 중요한 CSS, cache 만료~ 40의 %
요소 렌더링 지연JavaScript 연기, 축소, 언로드 관련

여러분의 시간과 재능으로 사용 성과 통찰력 에 Chrome 개발 도구 로드하는 데 가장 오랜 시간이 걸리는 TTFB를 확인합니다. 이를 식별한 후에는 Cloudflare SXG를 사용하여 무거운 파일을 폴더 아래로 이동하고 JavaScript를 연기하여 렌더링 차단을 방지하고 HTML 요소를 지연 렌더링함으로써 LCP를 수행할 수 있습니다. LCP에 대해 더 알고 싶다면 여기를 클릭하세요. Chrome 개발자를 위한 비디오 그만한 가치가있다.

레이아웃 변경(CLS) 방지

레이아웃 변경은 기본적으로 페이지가 로드될 때 페이지가 이동하는 정도입니다. 이는 매우 중요합니다. WordPress 속도 최적화 및 happ페이지의 다른 요소가 서로 다른 속도로 로드되기 때문에nfl사용자의 페이지 뷰에 영향을 미칩니다. 사용 Google님의 페이지 레이아웃 이동 디버거 이러한 레이아웃 변화가 웹사이트에서 어떻게 진행되는지 확인하세요.

CLS 디버거

이 가이드 전반에 걸쳐 레이아웃 전환을 최적화하기 위해 수행할 수 있는 많은 작업에 대해 이야기했으며 여기서 다시 상기시켜 드리겠습니다.

  • 교환 preload글꼴을 수정하고 누락된 이미지 크기를 추가합니다.
  • 너를 바꿔라. cookie 주의 plugins, 이로 인해 레이아웃 변경이 발생할 수도 있습니다.
  • 크기를 추가하고 div 코드에 배치하여 동적 콘텐츠와 광고를 위한 공간을 확보하세요.
  • 사용하지 않는 CSS를 제거하고, 중요한 CSS가 작동하는지 확인하고, CSS를 편집하는 경우 다시 생성하세요.
  • 별도의 모바일 활성화 cache 귀하의 cache plugin 사이트가 모바일 장치에 로드될 때 레이아웃 변경을 최소화합니다.

리소스 사용량을 50% 미만으로 제한

속도를 위해 웹사이트를 최적화하는 경우 트래픽 급증과 백그라운드 작업을 위한 공간을 남겨두어야 합니다. CPU 사용량이 높으면 지연이 발생할 수 있다는 점을 기억하는 것이 중요합니다. 50% 미만으로 유지하는 것이 가장 좋습니다. CPU 사용량을 제한하려는 경우 대역폭을 다음으로 오프로드해야 한다는 점을 기억하십시오. CDN 높은 메모리 사용량 제거 plugin도움이 될 수 있어요. 하지만 그게 전부는 아닙니다.

  • 다음에서 데이터 공유를 비활성화합니다. plugins.
  • . “wp_옵션” 테이블을 만들고 자동 로드된 데이터를 정리합니다.
  • . WordPress 토론 설정 및 핑백 비활성화.
  • 충분한 코어, RAM, 리소스 제한이 있는 호스팅 계획을 사용하세요.
  • 사용되지 않는 CSS를 제한하려면 배치 크기를 줄이고 옥수수 간격을 늘립니다.
  • 일부 행동으로 인해 전체 상황이 발생할 수 있습니다. cache 삭제하면 CPU 사용량이 증가하므로 자동으로 제한해야 합니다. cache 청산.
  • WP Rocket을 기억하세요 preload노래, LiteSpeed Cache의 크롤러 또는 SG Optimizer의 예열 cache CPU 사용량이 증가합니다.

데이터베이스 정리 설정에 WP-Optimize 사용

다리 cache plugin데이터베이스를 정리하려고 할 때 세 가지 일반적인 문제가 발생합니다. 흔한 plugin데이터베이스 백업을 수행할 수 없으며 일부 오래된 데이터베이스 테이블이 남겨진 데이터베이스 테이블을 제거할 수 없습니다. plugins, 모든 게시물 개정판을 삭제합니다.

하지만 다음을 사용하면 이러한 문제에 직면할 필요가 없습니다. WP Optimize 데이터베이스 정리를 위해. 이 모든 설정이 완료되면 다음을 수행해야 합니다.

  1. 데이터베이스 테이블을 살펴보세요.
  2. 확인 "비활성" or “설치되지 않았습니다” 테이블.
  3. 삭제 plugin사용할 계획이 없다면 또는 테마를 사용하세요.

지난 몇 년간 제가 깨달은 한 가지 중요한 점은 다음과 같습니다. plugin특히 데이터를 수집하는 경우에는 귀하에게 가장 적합합니다. WordPress 사이트이므로 사용하지 않는 것이 좋습니다. 귀하의 사이트에 대한 분석을 원하신다면 다음을 권장합니다. 고수 Google 통계 분석 또는 아직 사용하지 않았다면 사용을 시작해 보세요.

모바일 장치에 최적화

이것은 말할 필요도 없는 일이다. 귀하의 사이트를 방문하는 대부분의 사람들은 아마도 모바일 장치에서 방문할 것이므로 귀하의 사이트가 이에 최적화되어 있는지 확인해야 합니다. 이제 대부분의 데스크톱 최적화가 모바일로 이어집니다. 하지만 그렇지 않은 경우에는 다음과 같이 하십시오.

  • 모바일 활성화 caching 귀하의 cache plugin.
  • Perfmatters 에 사용하지 않는 CSS 및 Javascript 비활성화 장치 유형을 기준으로 합니다.
  • 지연 시간을 줄이는 데 중점을 두세요. 이는 모바일 사용자의 핵심이자 TTFB.
  • CLS 테스트 모바일에서는 앞서 언급한 레이아웃 변경 디버거 도구를 사용하여 모바일 레이아웃 변경을 수정합니다.
  • CloudFlare Enterprise 네트워크, 우선순위 라우팅, 로드 밸런싱이 영향을 제한하는 데 큰 역할을 하기 때문입니다. CDN 아저씨.

다음만 선택하세요. Plugin당신이 필요로하는 것

무료 목록을 공유했습니다. plugin아래에 당신과 함께 있어요. 물론 모두 필요한 것은 아니므로 목록을 살펴보고 자신에게 맞는 것을 사용하세요.

  • OMGF.
  • Debloat.
  • Optimole.
  • Unbloater.
  • WP Crontrol.
  • WP-최적화.
  • Flying Scripts.
  • Query Monitor.
  • 위젯 비활성화.
  • Flying Analytics.
  • WP Foft Loader.
  • WPS Hide Login.
  • LiteSpeed Cache.
  • WP YouTube Lyte.
  • Heartbeat Control.
  • Disable XML-RPC.
  • Limit Login Attempts.
  • Redis Object Cache.
  • Simple Local Avatars.
  • Blackhole For Bad Bots.
  • WP Server Health Stats.
  • WP Hosting Benchmark.
  • Preload Featured Images.
  • Pre* Party Resource Hints.
  • ShortPixel Adaptive Images.
  • Disable WooCommerce Bloat.
  • WP Hosting Performance Check.
  • Super Page Cache for Cloudflare.
  • Headers Security Advanced & HSTS WP.

내 설정을 살펴보세요 

아직도 당신 앞에 있는 모든 옵션 사이에 있다면 영감을 얻기 위해 제 설정을 살펴보세요. 아마도 결정을 내리는 데 도움이 될 것입니다.

예배카테고리
Rocket.net호스팅
Cloudflare EnterpriseCDN (함께 제공 Rocket.net)
FlyingPressCache Plugin
Perfmatters기타 최적화
Kadence테마(무료)
Kadence BlocksGuternberg Block 템플릿(무료)

이제 이 설정으로 인해 예산보다 더 많은 비용이 소요될 수 있음을 알려드리고 싶습니다. 따라서 더 많은 비용을 지출하고 싶지 않다면 이 방법은 적합하지 않습니다.

하지만 대신 설정할 수 있는 더 저렴한 대안이 있습니다. 구경하다.

예배카테고리
NameHero Turbo Cloud호스팅
QUIC.cloud (유료 플랜)CDN
LiteSpeed CacheCache Plugin
Perfmatters기타 최적화
NameHero이메일 호스팅

아래는 내 웹사이트 속도 점수입니다. PageSpeed​​ 인사이트 & GTmetrix.

riderchris 모바일 스코어
모바일 점수
riderchris 데스크탑 스코어
데스크톱 점수
riderchris gtmetrix 점수
GTmetrix 점수

그리고 바로 거기에 증가하는 방법에 대한 최고의 튜토리얼이 있습니다. WordPress 웹 사이트 속도 및 패스 Core Web Vitals 2024에서

내 것을 따라주세요 WhatsApp Channel 최신 업데이트를 확인하세요. 또한 저에게 연락 추가 지원이 필요하면.

비슷한 게시물