WordPress 사이트의 페이지 속도를 향상시키는 방법
게시 됨: 2022-09-05Google PageSpeed는 웹사이트의 성능을 분석하고 개선 방법에 대한 권장 사항을 제공하는 도구입니다. Google에서 웹사이트 순위를 지정하는 데 사용하는 요소 중 하나는 페이지 속도이므로 웹사이트가 최대한 빠른지 확인하는 것이 중요합니다. WordPress 사이트의 페이지 속도를 향상시키는 몇 가지 방법이 있습니다. 한 가지 방법은 이미지를 최적화하는 것입니다. 웹사이트에 이미지를 업로드할 때 이미지가 너무 많은 공간을 차지하지 않도록 압축해야 합니다. W3 Total Cache와 같은 플러그인을 사용하여 페이지를 캐시하고 로딩 시간 을 개선할 수도 있습니다. 사이트의 페이지 속도를 향상시키는 또 다른 방법은 CSS 및 JavaScript 파일을 축소하는 것입니다. 즉, 코드에서 불필요한 문자를 제거하여 더 빠르게 로드합니다. WP Minify와 같은 플러그인을 사용하여 이 작업을 자동으로 수행할 수 있습니다. 마지막으로 CDN(콘텐츠 전송 네트워크)을 사용하여 사이트의 페이지 속도를 향상시킬 수 있습니다. CDN은 웹사이트의 정적 파일(예: 이미지 및 CSS 파일)을 전 세계 여러 서버에 저장하여 방문자에게 더 빠르게 전달할 수 있습니다. CloudFlare와 같은 서비스를 사용하여 WordPress 사이트에 대한 CDN을 설정할 수 있습니다. 이 팁을 따르면 WordPress 사이트의 페이지 속도를 크게 향상시키고 웹 사이트가 검색 결과에서 더 높은 순위를 차지하도록 도울 수 있습니다.
WordPress는 이제 웹의 59.6% 이상을 차지합니다. WordPress는 Google 엔지니어링 팀에서 설계했습니다. 현실 세계에서 웹 페이지가 이동하는 속도는 웹 속도의 기본 단위입니다. 같은 시간 프레임에서 둘 다 향상시키면서 다른 하나 없이 하나를 늘릴 수 있습니다. 웹사이트의 모든 기능이 완전한 HTTPS인지 확인하는 것부터 시작하세요. 두 번째 단계는 URL에 domain.com 코드를 입력하는 것입니다. 시각적인 영향을 주지 않으면서 하나의 큰 이미지를 9.2MB에서 175KB로 최적화한 결과 페이지 속도가 5.5초에서 7.5초로 절반으로 증가했습니다.
이미지는 데스크톱의 PageSpeed에서 가장 일반적인 문제였지만 모바일에서는 가장 큰 문제가 아니었습니다. W3 Total Cache 및 WP Super Cache를 비롯한 여러 캐싱 솔루션을 사용할 수 있습니다. 서버가 방문할 때마다 생성하도록 요구하지 않고 기본적으로 페이지 캐싱을 사용하여 페이지의 정적 복사본을 생성할 수 있습니다. 캐시된 페이지는 변경되지 않는다는 점을 염두에 두는 것이 중요합니다. 캐시 지우기 프로세스는 메뉴, 위젯 등과 같은 전역 변경 사항의 업데이트를 방지하지 않습니다. 변경한 후에도 업데이트가 표시되지 않으면 캐시 제거 또는 캐시 비우기 버튼을 클릭합니다. WordPress 사이트 의 축소 도구는 세 가지 유형으로 분류됩니다.
이 플러그인을 사용하면 이제 다음 점수를 볼 수 있습니다. PageSpeed는 증가했지만 한 시나리오에서 실제 사이트 속도는 증가하지 않았습니다. 게임이 끝나면 실제 속도는 3.0초로 북미 대부분에서 더 빠르고 가장 낮습니다.
구글 페이지 스피드 워드프레스 플러그인

Google Page Speed는 웹사이트 속도를 높이는 데 도움이 되는 WordPress 플러그인입니다. 사이트의 성능을 개선하고 속도를 높이도록 설계되었습니다. 플러그인은 무료로 제공되며 설치가 쉽습니다.
관련 통계를 제공하기 위해 Google PageSpeed는 데스크톱 및 모바일 웹 성능 에 대한 업계 모범 사례를 사용합니다. 모든 보고서의 요약은 각 페이지의 실적, 평균 페이지 점수, 개선 영역, 최고 및 최저 평가 페이지를 보여줍니다. 이 스냅샷 비교 도구를 사용하면 동일한 보고서의 두 스냅샷 보기 결과를 비교할 수 있습니다. Google PageSpeed를 사용하면 사이트에 동시에 여러 URL을 추가할 수 있습니다. 웹사이트가 WordPress에서 호스팅되지 않더라도 URL을 포함해야 합니다. 보고서 스냅샷을 사용하여 사용자 지정 URL을 식별하는 것은 다른 유형의 보고서를 식별하는 데 사용하는 것과 유사합니다. 질문이 있거나 나열된 문제에 대해 우려되는 경우 아래 목록을 참조하십시오.
Google Pagespeed Insights 에 액세스하려면 Google API 키가 필요합니다. Google에는 인터넷 검색을 통해 얻을 수 있는 무료 키가 있습니다. 액세스하려면 Gmail 계정과 같은 Google 계정이 있어야 합니다. 이 플러그인을 사용하여 웹사이트에 Lighthouse 점수 목록을 표시할 수 있습니다.
플러그인 없이 WordPress 웹사이트 속도를 높이는 방법

플러그인 없이 워드프레스 웹사이트 속도를 높이는 몇 가지 방법이 있습니다. 한 가지 방법은 콘텐츠 전송 네트워크 또는 CDN을 사용하는 것입니다. 이렇게 하면 전 세계 여러 서버에 정적 파일을 캐싱하여 웹사이트를 더 빨리 로드하는 데 도움이 됩니다. WordPress 웹사이트의 속도를 높이는 또 다른 방법은 이미지를 최적화하는 것입니다. 이미지 최적화 플러그인을 사용하거나 이미지를 수동으로 최적화하여 이 작업을 수행할 수 있습니다.
WordPress와 같은 CMS(콘텐츠 관리 시스템)는 오늘날 시장에서 가장 인기 있는 제품 중 하나입니다. 이 방법은 웹 사이트의 70% 이상을 만드는 데 사용됩니다. WordPress 속도 최적화 는 일부 사용자에게 문제가 될 수 있습니다. 이 기사에는 WordPress 웹 사이트를 보다 사용자 친화적으로 만드는 팁과 요령이 포함되어 있습니다. 공유 호스팅 계획에서는 느려질 가능성이 더 큽니다. 새로운 사용자라면 공유 호스팅이 가장 저렴하기 때문에 탁월한 선택입니다. 콘텐츠를 압축하거나 최적화할 필요 없이 다양한 유형의 미디어 파일을 사용할 수 있습니다.
WordPress 사이트에서 많은 수의 댓글을 받는 경우 각 댓글에 대해 별도의 페이지를 만들어야 할 수 있습니다. WordPress 호스팅을 관리하는 경우 캐시 지우기 도구를 사용하면 웹사이트 속도를 3배에서 5배까지 높일 수 있으며 플러그인이 필요하지 않습니다. 플러그인을 사용하지 않고도 WordPress 웹사이트 의 속도를 높일 수 있습니다. Google 드라이브에 미디어를 업로드하면 다운로드할 수 있는 웹사이트 링크를 받게 됩니다. YouTube 자습서가 있는 경우 해당 비디오를 콘텐츠에 포함할 수도 있습니다. 웹사이트가 해킹되거나 악성코드에 감염되면 CDN(콘텐츠 전송 네트워크)을 사용해야 합니다. Accelerated Mobile Page(AMP)는 몇 초 만에 웹사이트를 렌더링하는 모든 기능을 갖춘 사용자 친화적인 브라우저 확장 프로그램입니다.
웹사이트의 로딩 속도 가 느린 경우 AMP를 사용하여 속도를 높여야 할 수 있습니다. WordPress 사이트를 로드하는 데 걸리는 시간을 크게 줄이려면 AMP for WP 플러그인을 설치하세요. 온라인으로 속도 테스트를 제공하는 웹사이트의 대부분은 GTmetrix와 Google PageSpeed입니다. Insights는 브라우저가 특정 작업을 수행할 수 있도록 특정 기간 동안 파일이나 CSS를 저장하기 위해 브라우저를 캐시할 것을 권고했습니다. 결과적으로 웹 브라우저가 동일한 리소스를 반복적으로 다운로드할 필요가 없기 때문에 웹 사이트의 속도가 빨라집니다.
WordPress에서 모바일 페이지 속도를 높이는 방법
모바일 장치에서 WordPress 사이트의 속도를 높이는 데 도움이 되는 몇 가지 방법이 있습니다. 하나는 모바일 장치에 최적화된 반응형 디자인이 있는지 확인하는 것입니다. 또 다른 방법은 캐싱 플러그인을 사용하여 웹사이트의 속도를 향상시키는 것입니다. 마지막으로 HTML, CSS 및 JavaScript 파일을 축소하여 페이지 크기를 줄일 수 있습니다.
Google에 따르면 웹사이트가 로드되는 데 5초 이상 걸리면 사이트 방문자 중 90명이 바로 떠날 수 있습니다. 이 기사를 읽으면 모바일 웹사이트를 더 빠르게 실행할 수 있습니다. 방문자가 사용하는 장치에 관계없이 모든 사람이 더 쉽게 탐색할 수 있는 방법을 알려드립니다. 무료 Webpagetest 도구를 사용하여 WordPress 사이트의 페이지가 느리게 로드되는지 여부를 확인할 수 있습니다. WebPageTest를 사용하여 다양한 모바일 장치에서 웹사이트를 테스트하십시오. 지역이 다른 지역보다 느리다는 것을 알게 되면 RocketCDN을 조사할 수 있습니다. 슬라이더와 애니메이션이 너무 많으면 페이지 속도가 느려져 SEO 및 전환율이 낮아질 수 있습니다.

모든 웹사이트 레이아웃은 디자인에서 가장 중요한 측면입니다. 브라우저는 페이지에서 요소의 크기와 위치를 결정합니다. 반응형 WordPress 테마가 있는 모바일 장치 또는 태블릿에서 사이트가 멋지게 보일 것입니다. 웹사이트가 반응형인 경우 WP Rocket의 모바일 캐시 플러그인을 사용하는 것이 좋습니다. 설정하는 것만큼 설정도 간단합니다. 캐시된 모든 문서에는 모바일 장치에 저장할 수 있는 전용 캐시 파일이 할당됩니다. 이 무료 플러그인을 사용하면 좋아하는 플러그인인 WP Rocket을 사용하여 이미지와 비디오에 지연 로딩을 추가할 수 있습니다. 페이지가 더 가벼우면 모바일 장치에서 더 가벼워집니다. 이미지를 최적화하고 텍스트 압축(GZIP)을 사용하고 코드를 결합/축소하여 페이지 무게를 낮게 유지해야 합니다.
모바일 사이트 성능 향상을 위해 JS 실행을 지연시킬 수도 있습니다. WP Rocket을 사용하면 WordPress 모바일 앱의 성능을 높일 수 있습니다. 광고를 적절하게 표시하고 관리합니다. 스크롤 없이 볼 수 있는 부분에 광고가 있는 경우 표시 영역에 도달할 때까지 항상 지연 로드합니다. Advanced Ads Pro와 같은 플러그인을 사용하여 모바일에서 광고 게재위치를 변경할 수 있습니다. PageSpeed Insights에 따르면 이 이미지를 WordPress 라이브러리에서 최적화했기 때문에 이 이미지에 문제가 있었습니다. Imagify는 과거에 이미지와 관련된 문제로 PSI에서 플래그가 지정된 모든 이미지를 제거했습니다. 프로세스의 일부로 웹 성능 최적화의 우선 순위를 지정하는 방법을 먼저 보여드리겠습니다.
좋은 모바일 사이트 속도란 무엇입니까?
모바일 웹사이트 로딩 시 1~2초 정도 기다리는 것이 가장 좋습니다. 페이지가 로드되는 데 3초 이상 걸리면 모바일 사이트 방문의 54%가 중단됩니다. 로드 시간 이 2초 지연되면 최대 87%의 포기율이 있었습니다. Google은 다른 웹사이트에 비해 로드 시간이 절반으로 단축될 수 있다고 생각합니다.
모바일 사이트 로드 속도의 중요성
웹사이트의 로드 시간은 서버, 호스트 공급자, 업로드 속도, 사이트 코드 등 다양한 요인의 영향을 받습니다. 모바일 사이트가 로드되는 속도가 가장 중요한 요소입니다. 모바일 사용자는 사이트를 방문할 때 빠르고 반응이 빠른 경험을 기대합니다. 모바일 사이트가 로드되는 데 3초 이상 걸린다면 방문자에게 시간과 돈을 낭비하는 것입니다. 모바일 사이트의 로드 속도를 어떻게 개선할 수 있습니까? 웹 서버가 올바른지 확인하십시오. 웹 서버를 업그레이드하면 웹 사이트의 로드 시간을 크게 줄일 수 있습니다. 좋은 호스팅 제공업체에는 좋은 모바일 최적화 정책이 필요합니다. 경우에 따라 공급자가 전담 팀을 고용하여 전체 웹사이트의 로드 시간을 늘릴 수 있습니다. 업로드 속도 가 빠른 호스팅 환경을 사용해야 합니다. 서버에서 사이트에 빠르게 액세스할 수 있으면 사용자가 사이트에서 더 많은 시간을 보낼 수 있으므로 페이지가 로드될 때까지 기다리는 시간이 줄어듭니다. 웹사이트 코드를 최적화해야 합니다. 로드 시간을 줄이는 방법에 대한 답은 코드를 다시 작성하는 것이 아니라 최적화하는 것입니다. 모바일 사이트를 최적화할 때 페이지 속도는 SEO의 주요 요소이기 때문에 주의해야 합니다. 다음의 간단한 단계를 따르면 사이트의 로드 시간을 개선하고 방문자에게 빠르고 반응이 빠른 경험을 제공할 수 있습니다.
워드프레스 페이지 속도
WordPress 사이트의 성공을 결정하는 가장 중요한 요소 중 하나는 페이지 속도입니다. 방문자는 로딩 속도가 느린 사이트에 빠르게 불만을 느끼고 페이지 로딩이 완료되기 전에 사이트를 떠날 가능성이 높습니다. 페이지의 이미지 크기, 사용 중인 플러그인 수, 사이트의 전체 코드 구조 등 페이지 속도에 영향을 줄 수 있는 여러 요소가 있습니다. 이러한 요소를 최적화하면 WordPress 사이트의 속도를 크게 향상시킬 수 있습니다.
이 기사에서는 WordPress 웹 사이트의 속도를 높이는 데 도움이 되는 19가지 성능 팁을 제공합니다. 페이지 속도가 얼마나 중요합니까? WordPress 사이트의 상태를 알고 싶다면 먼저 페이지 속도를 평가해야 합니다. 오늘날 일상 업무에서 성능 최적화 모범 사례를 구현할 수 있습니다. 캐시 플러그인인 WP Rocket을 설치하고 구성하는 것은 간단합니다. 서버는 웹사이트에서 생성된 정적 HTML 페이지를 처리한 다음 저장합니다. 캐싱 플러그인은 사용자가 더 무거운 WordPress PHP 스크립트보다 웹사이트에 액세스하려고 할 때 더 가벼운 HTML 페이지를 표시합니다.
WP Rocket은 웹사이트의 성능을 크게 향상시킬 수 있는 가장 빠른 WordPress 테마 목록을 작성했습니다. 슬라이더를 불필요하게 설정하고 불필요한 플러그인을 많이 설치하지 마십시오. Pingdom, Google Page Insight 및 GTMetrix는 사이트 성능을 측정하는 데 사용할 수 있는 몇 가지 도구에 불과합니다. 국제 또는 다국어 배포 전략을 찾고 있다면 CDN(콘텐츠 전송 네트워크)을 사용하는 것이 좋습니다. CDN은 전 세계 서버 네트워크에 정적 파일을 저장할 뿐만 아니라 로딩 프로세스를 크게 가속화합니다. YouTube의 LazyLoad 기능을 사용하면 페이지 로딩 시간이 빨라집니다. WordPress 게시물을 너무 많이 변경하면 사이트 속도가 느려집니다.
게시물 수정 횟수를 제한하려면 이 코드 조각을 WordPress-config.php 파일에 삽입하세요. First Input Delay 메트릭을 Lighthouse 성능 점수와 비교하면 JavaScript 실행이 성능에 어떤 영향을 미치는지 확인할 수 있습니다. 코드의 크기를 줄여 파일을 가볍게 만드는 과정을 미니멀리즘이라고 합니다. CSS 파일에는 공백, 주석 및 구두점이 있습니다. 개발자는 이 콘텐츠를 통해 코드를 보다 효과적으로 읽을 수 있지만 방문자에게는 필수 사항은 아닙니다. 축소를 사용하면 CSS 파일에서 추가 공백이나 주석을 제거할 수 있습니다. 게시물이 긴 경우 받는 관심의 양을 줄이기 위해 여러 페이지로 나눌 수 있습니다.
몇 가지 강력한 플러그인을 사용하여 페이지 매김을 활성화하고 게시물 레이아웃을 관리할 수 있습니다. 이미지, HTML, CSS 및 JavaScript와 같은 정적 리소스를 캐시하지 않으면 WordPress 사이트가 느려집니다. 최고의 WordPress 캐시 플러그인을 설치하면 사이트가 빛의 속도로 실행될 것으로 기대할 수 있습니다. 축소는 HTML, CSS 및 JavaScript 파일의 불필요한 부분을 제거하는 코드 최적화 기술입니다. GZIP 압축이 제대로 작동하지 않습니다. 웹 사이트를 로드할 때 가장 어려운 측면 중 하나는 사용할 이미지를 결정하는 것입니다. 여전히 이전 버전의 WordPress를 사용하는 경우 최상의 성능을 얻지 못할 수 있습니다.
코드 한 줄을 코딩하지 않고도 이러한 모범 사례의 80%를 수행할 수 있는 것은 WP Rocket의 플러그인입니다. 플러그인을 설치하고 활성화하면 웹사이트의 성능을 크게 향상시킬 수 있습니다. 몇 가지 간단한 단계만 거치면 WP Rocket으로 PageSpeed Insights 점수를 높일 수 있습니다. WordPress 설정과 원활하게 통합되며 다양한 언어로 제공되므로 속도 최적화를 위한 모든 모범 사례를 활용할 수 있습니다. Google에서 플래그가 지정된 가장 심각한 문제를 해결하는 것이 핵심 성능 보고서에 도움이 된다고 판단하면 핵심 성능 보고서는 녹색이 됩니다.