WordPress 속도 최적화: 2022년에 WordPress 웹사이트를 가속화하는 방법은 무엇입니까?
게시 됨: 2022-02-22워드프레스에서 가장 완벽한 웹사이트를 만들 수 있습니다. 디자인, 내비게이션, 콘텐츠, 모든 것이 당신에게 너무 좋아 보일 수 있으며 Google 검색 결과에서 높은 순위를 차지하기를 바랍니다. 그러나 WordPress 웹사이트를 로드하는 데 시간이 걸리면 웹사이트는 재앙이 됩니다. 시청자는 다음 검색 결과로 빠르게 이동하고 웹 사이트를 떠납니다. 웹 브라우저에서 로드하는 데 시간이 걸리면 웹 사이트 성능이 저하됩니다. 로딩 시간 지연은 시청자에게 가장 짜증나는 일입니다.
이것은 WordPress 속도 최적화가 등장하는 곳입니다. 웹 사이트를 빠르게 로드하는 프로세스 또는 일련의 단계입니다. 몇 초 안에 빠르게 로드되는 웹사이트는 시청자가 웹사이트를 계속 탐색하고 싶게 만들고 참여도를 높입니다. 웹사이트는 수익을 올리고, 가입자를 늘리고, 웹사이트로 들어오는 트래픽 속도를 높이기 위해 만들어졌습니다. 이를 수행하는 가장 좋은 방법은 WordPress 속도 최적화입니다.
- 웹 사이트를 느리게 로드하는 이유는 무엇입니까?
- WordPress 웹 사이트 속도가 중요한 이유는 무엇입니까?
- 웹 사이트의 속도를 확인하는 방법은 무엇입니까?
- WordPress 웹 사이트의 속도를 결정하는 요소
- WordPress 웹사이트의 최적 로드 시간은 얼마입니까?
- WordPress 웹 사이트를 어떻게 최적화합니까?
- WordPress 내부의 비디오 호스팅
- 최적화된 이미지 사용
- 전체 콘텐츠가 아닌 콘텐츠 미리보기
- 콘텐츠 전송 네트워크(CDN) 사용
- 속도에 최적화된 WordPress 테마 사용
- 빠른 플러그인 사용
- WordPress 데이터베이스 최적화
- 댓글 최적화
- 캐시 플러그인 설치
- 핫링크 비활성화
- PHP 버전을 계속 업데이트하십시오.
- 웹사이트 방화벽
- 게으른 로드
- 구글 광고
- 결론
웹 사이트를 느리게 로드하는 이유는 무엇입니까?
WordPress 웹사이트를 느리게 로드하는 요인이 무엇인지 파악하는 것은 중요한 단계입니다. 종종 원인은 다음 중 하나일 수 있습니다.
- 웹 호스팅: 웹 호스팅 서버는 웹사이트의 파일, 테마 및 기타 자산을 저장합니다. 열악한 웹 호스팅 서비스로 인해 웹 사이트 로드 속도가 느려질 수 있습니다. WordPress 웹 사이트의 속도를 줄입니다.
- WordPress 구성: WordPress 웹사이트에 캐시가 없으면 웹사이트에 불필요한 로드가 발생할 수 있습니다. 이로 인해 웹 사이트가 충돌할 수 있습니다.
- 페이지 크기: 압축되지 않은 이미지가 포함된 웹 페이지는 이미지 로드 속도를 매우 느리게 하며 궁극적으로 WordPress 웹 사이트는 빠르게 로드되지 않습니다.
- 잘못된 플러그인: 제대로 코딩되지 않은 플러그인도 웹사이트를 제대로 로드하지 못하게 합니다.
- 외부 스크립트: 위젯, 플러그인, 광고, 글꼴과 같은 외부 스크립트를 사용하는 WordPress 웹사이트도 웹사이트를 느리게 로드합니다.
- 웹사이트 테마: 웹사이트 테마가 제대로 최적화되지 않으면 웹사이트가 느리게 로드됩니다.
추천: WordPress용 최고의 Google 리뷰 플러그인 10개.
WordPress 웹 사이트 속도가 중요한 이유는 무엇입니까?
느리게 로딩되는 워드프레스 웹사이트는 사용자를 실망시키는 것 중 하나입니다. 로딩 속도가 느린 WordPress 웹사이트는 종종 사용자 경험을 저하시킵니다. 또한 다음과 같은 다른 요인에도 영향을 미칩니다.
- 열악한 SEO 순위: 웹사이트 속도는 Google이 순위에 사용하는 중요한 요소입니다. 또한 SEO 순위를 결정하기 위해 데스크톱과 모바일에서 웹 사이트 속도가 어떤지 살펴봅니다. 느린 로딩 속도는 워드프레스 웹사이트의 SEO 순위에 직접적인 영향을 미칩니다.
- 전환율: 느리게 로드되는 WordPress 웹사이트도 전환율을 낮춥니다. 웹사이트 로딩이 아주 미미하게 지연되더라도 전체 전환율에 영향을 미칩니다. 소비자가 신속하게 최고의 제품을 찾으려고 노력하는 전자 쇼핑 웹 사이트에서 중요한 요소입니다.
- 반송률: 사이트 속도가 느리면 반송률도 높아집니다. 2초에 로드되는 웹사이트는 5초에 로드되는 웹사이트에 비해 이탈률이 낮습니다. 모바일에서 웹사이트를 탐색하는 사람들은 로드하는 데 5초 이상 걸리는 웹사이트를 떠나는 경향이 있습니다.
웹 사이트의 속도를 확인하는 방법은 무엇입니까?
다행스럽게도 일부 웹사이트 테스트 도구를 사용하여 웹사이트 속도를 테스트할 수 있습니다. 이러한 도구를 사용하는 방법을 이해하면 웹사이트 소유자와 웹 관리자가 웹사이트 속도를 높일 수 있습니다. Google은 특정 시간 내에 로드되는 웹사이트를 선호합니다. 또한 SERP 상단에 해당 웹사이트의 순위를 매깁니다.
웹 브라우저에 로드하는 데 1~3초가 걸리는 워드프레스 웹 사이트를 만들어야 합니다. 웹사이트를 소유하고 있는 경우 캐시로 인해 웹 브라우저에 더 빨리 로드됩니다. 그러나 웹사이트를 처음 방문하는 시청자는 웹사이트의 진정한 시청자입니다. 귀하의 웹사이트가 얼마나 빨리 로드되는지 결정하는 것은 웹사이트에 대한 그들의 경험입니다. 경쟁사의 웹사이트를 기록하면 웹사이트 로딩 속도를 비교하는 데에도 도움이 됩니다. 일부 웹 분석 도구는 웹 사이트 속도 및 기타 매개 변수를 알 수 있도록 도와줍니다.
- Chrome 사용자 경험 보고서: 사용자는 Chrome 사용자 경험 보고서에서 웹사이트 속도보다 더 많은 것을 알게 됩니다. SQL에 대한 지식이 필요합니다.
- Lighthouse: Lighthouse는 사용자에게 웹사이트 속도를 알려주는 것 외에도 많은 웹사이트 문제를 해결합니다. 또한 3G 인터넷 속도의 속도를 보고합니다.
- Google 페이지 속도 통찰력: Google의 페이지 속도 통찰력은 웹 사이트 문제를 개선하는 방법에 대한 귀중한 정보를 제공하는 분석 도구입니다.
- GTmetrix: GTmetrix는 실시간으로 보고서를 제공하므로 개발자는 웹사이트의 로딩 속도를 테스트할 수 있습니다. 모바일 사용자를 위한 보고서도 제공합니다.
- 빠름 또는 느림: 글로벌 규모의 보고서를 제공합니다. 전 세계 여러 위치에서 웹사이트 속도를 빠르게 또는 느리게 테스트합니다.
웹사이트 속도를 시험하는 더 많은 방법
- 여러 기기: 데스크톱과 모바일 모두에서 웹사이트를 사용해 보세요.
- 여러 위치: 웹 사이트가 여러 위치에서 액세스되는 경우 해당 국가에서 테스트해야 합니다.
- 연결 속도: 다양한 인터넷 연결을 통해 웹사이트를 테스트합니다. 느린 인터넷 연결은 웹 사이트 로딩에도 영향을 미칩니다.
WordPress 웹 사이트의 속도를 결정하는 요소
- 첫 번째 페인트: 웹 사이트를 탐색한 후 화면에 나타나는 첫 번째 픽셀입니다. 내비게이션과 표시되는 첫 번째 픽셀 사이의 시간 간격입니다.
- 첫 번째 콘텐츠 페인트: 웹 페이지의 첫 번째 섹션이 화면에 나타날 때. 예를 들어 내비게이션 바 또는 웹 페이지의 다른 섹션입니다.
- 첫 번째 의미 있는 페인트: 화면에 나타나는 첫 번째 콘텐츠입니다. 사용자가 웹사이트에서 찾게 된 웹페이지의 섹션입니다.
- 상호작용 시간: 웹사이트가 표시되면 상호작용 시간이라고 합니다. 사용자는 여전히 웹 사이트와 상호 작용할 수 없고 볼 수만 있습니다.
WordPress 웹사이트의 최적 로드 시간은 얼마입니까?
더 빨리 로드되는 웹사이트는 Google 검색 결과에서 높은 순위를 차지할 가능성이 훨씬 더 높습니다. 이는 데스크톱 및 모바일 사용자 모두에게 해당됩니다. 그러나 완전히 로드된 웹사이트는 시청자가 웹사이트를 고수하도록 유도하지 않습니다. 그들이 웹사이트를 볼 때 느끼는 감정 또한 그 사이트가 얼마나 잘 인식되는지를 결정하는 중요한 요소입니다. 가장 큰 콘텐츠 페인트는 웹사이트가 완전히 로드되고 주요 콘텐츠가 화면에 표시되는 시점입니다. LCP는 2.5초 이내여야 합니다.
- 사용자가 모바일에서 WordPress 웹사이트에 액세스하는 경우 웹사이트는 3초 이내에 로드되어야 합니다.
- 전자상거래 웹사이트는 2초 이내에 로드되어야 합니다.
다음 PHP 프로젝트에 WordPress를 사용할 때의 장단점 .
WordPress 웹 사이트를 어떻게 최적화합니까?
WordPress 웹사이트를 최적화하려면 몇 가지 정확하고 실용적인 조치를 취해야 합니다. 이에 대해서는 아래에서 설명합니다.
WordPress 내부의 비디오 호스팅
비디오를 WordPress에 직접 업로드하면 웹 사이트가 느려집니다. 비디오는 대역폭을 소모하고 비디오로 인해 웹 사이트가 충돌할 수도 있습니다.
트래픽이 적은 웹사이트의 경우 반복되는 비용을 줄이기 위해 항상 공유 웹 호스팅을 사용하는 것이 좋습니다. 그러나 자신의 서버에서 비디오를 호스팅하는 경우 Namecheap과 같은 훌륭한 공유 웹 호스팅으로도 충분하지 않습니다. 무제한 대역폭의 경우에도 웹사이트가 다운될 수 있습니다.
비디오를 WordPress에 직접 업로드할 수 있습니다. 그러나 이러한 비디오를 Vimeo, YouTube 등과 같은 비디오 호스팅 플랫폼에 업로드할 수 있고 업로드해야 합니다. 플랫폼에는 비디오를 호스팅하는 데 필요한 대역폭이 있습니다. 그런 다음 비디오 URL을 복사하여 붙여넣고 비디오를 삽입할 수 있습니다. 비디오, 슬라이드, 이미지를 WordPress 서버에 직접 업로드하는 대신 비디오 호스팅 사이트에 업로드할 수 있습니다.
최적화된 이미지 사용
이미지는 시청자의 관심을 끌 수 있습니다. 매력적인 이미지가 있는 웹사이트는 웹사이트의 시청률을 높일 것입니다. 압축되지 않은 이미지는 로드하는 데 시간이 걸립니다. 압축되지 않은 이미지는 더 많은 세부 정보와 색상을 포함하며 웹 사이트를 로드하는 데 시간이 걸리는 이유 중 하나일 수 있습니다. 파일 크기가 작은 압축 이미지를 사용하면 로드가 빠릅니다. 압축되지 않은 원시 이미지를 WordPress 웹 사이트에 업로드하기 전에 압축하십시오. 이미지 편집 소프트웨어를 사용하거나 무료로 사용할 수 있는 온라인 이미지 편집기를 사용할 수 있습니다.
전체 콘텐츠가 아닌 콘텐츠 미리보기
홈페이지에 전체 콘텐츠를 표시하면 역효과를 낼 수 있습니다. 시청자는 처음 전체 콘텐츠를 보고 웹 사이트를 방문하면 전체 콘텐츠를 읽고 싶지 않을 것입니다. 대신 홈페이지에서 기사의 짧은 미리보기를 사용한 다음 실제 콘텐츠가 작성된 다른 페이지로 리디렉션합니다. 이처럼 시청자는 많은 기사와 블로그 게시물을 한 번에 보고 어떤 것을 읽을지 스스로 결정할 수 있습니다. 너무 많은 기사로 홈페이지를 가득 채우면 홈페이지를 로드하는 데 더 많은 시간이 걸릴 수도 있습니다.
콘텐츠 전송 네트워크(CDN) 사용
StackPath와 같은 콘텐츠 전송 네트워크를 사용하면 웹사이트가 더 빠르게 실행되고 로딩 시간이 단축됩니다. 이는 서버가 한 위치가 아니라 전 세계에 분산되어 있기 때문에 가능합니다. 이미지, 스크립트, CSS와 같은 정적 파일은 서버에 저장되며 사용자가 웹 사이트를 방문하면 이러한 정적 파일은 사용자의 위치와 가장 가깝기 때문에 먼저 로드됩니다. 이 분산 서버 네트워크는 메인 서버의 부하를 덜어주므로 단 몇 초 만에 웹 사이트를 로드할 수 있습니다. 예를 들어 사용자가 유럽 어딘가에서 웹 사이트에 액세스하고 서버가 호주에 있는 경우 이러한 정적 파일을 로드하는 데 시간이 조금 더 걸릴 수 있습니다. 그러나 이러한 정적 또는 변경되지 않는 파일을 저장하는 서버가 유럽에 있는 경우 해당 서버는 이러한 파일을 더 빨리 로드합니다.
속도에 최적화된 WordPress 테마 사용
너무 아름다워 보이는 일부 웹 사이트 테마는 불필요한 애니메이션, 화려한 헤더, 위젯 및 열악한 레이아웃으로 가득 차 있습니다. 화면에는 보이지 않지만 로딩 시간이 느려지는 기능이 있습니다. 간단한 레이아웃으로 WordPress 테마를 사용하면 속도에 최적화되어 있으므로 가장 잘 작동합니다. 코딩, 레이아웃, 백그라운드 프로세스가 모두 더 빠르게 로드되도록 최적화되어 있습니다. 워드프레스 테마는 워드프레스 웹사이트나 블로그를 최적화하는 데 사용할 수 있는 수십 가지가 있습니다. 나중에 위젯이나 애니메이션을 추가할 수 있습니다.
빠른 플러그인 사용
일반적으로 플러그인이 많을수록 사이트 속도가 느려집니다. 플러그인은 HTTP 요청, 데이터베이스 쿼리, 파일 크기 등의 형태로 웹사이트에 로드를 추가합니다. 플러그인 수뿐만 아니라 설치하는 각 플러그인의 품질에도 주의를 기울여야 합니다. 자주 사용하고 웹 개발자에게 인기 있는 플러그인을 사용하는 것이 좋습니다. Elementor 및 Elementor Pro와 같은 웹 테마에는 플러그인 대신 사용할 수 있는 위젯이 내장되어 있습니다. 플러그인 대신 갤러리, 슬라이드, 소셜 공유, 아이콘, 연락처 양식에 위젯을 사용할 수 있습니다.
WordPress 데이터베이스 최적화
웹사이트 데이터베이스에는 콘텐츠, 스크립트, 이미지, 비디오 및 WordPress 웹사이트가 작동하는 데 필요한 모든 설정이 있습니다. 복잡한 데이터베이스는 데이터베이스 쿼리가 필요한 모든 정보를 얻는 데 더 많은 시간이 걸리므로 로딩 시간을 줄입니다. 웹 사이트 로딩 시간을 늘리려면 정기적으로 데이터베이스를 정리하고 유지 관리하는 것이 좋습니다. WP Rocket 및 WP-Optimize와 같은 플러그인은 웹 사이트 데이터베이스를 정기적으로 수정하는 데 도움이 됩니다.
추천: 10개 이상의 최고의 드래그 앤 드롭 WordPress 페이지 빌더.
댓글 최적화
댓글 섹션이 있는 WordPress 웹사이트는 웹사이트에 무게를 더하고 로드 속도를 느리게 만듭니다. 일반적으로 바쁜 댓글 섹션은 HTTP 요청, 데이터베이스 쿼리, 사용자 이미지 등의 형태로 가중치를 추가합니다. 각 댓글을 로드하면 로드하는 데 시간이 걸리고 웹사이트 로드 속도가 느려집니다. 댓글 섹션을 비활성화하면 웹사이트 속도가 빨라집니다. 그러나 댓글을 표시하려면 지연 로드 WordPress 플러그인을 설치하여 댓글을 표시하거나 아바타 이미지를 비활성화하고 HTTP 요청을 줄일 수 있습니다.
캐시 플러그인 설치
브라우저 캐시는 웹사이트를 2배에서 5배 속도로 로드하게 합니다. 정적 이미지, CSS 코드, 이미지, 글꼴, 플래시 애니메이션 파일, JavaScript, HTML은 모두 캐시에 포함되며 사용자의 브라우저 캐시 폴더에 저장됩니다. 적절한 캐시 플러그인을 사용하면 이러한 파일을 로드하는 데 시간이 덜 걸립니다. 그렇지 않으면 사용자가 웹 사이트에 액세스할 때마다 새 페이지를 로드해야 하며 로드하는 데 시간이 오래 걸립니다. 이러한 특수 플러그인은 캐시 파일을 저장하는 기간(예: 30일 등)을 브라우저에 알려줍니다. W3 Total Cache와 같은 WordPress 플러그인에는 브라우저 캐시 기능이 있거나 독립 실행형 플러그인을 사용할 수도 있습니다.
핫링크 비활성화
핫링크는 웹사이트가 귀하의 웹사이트에서 콘텐츠를 복사했을 때 발생합니다. 따라서 사용자가 웹 사이트에 액세스하면 웹 사이트는 대역폭을 사용하여 이미지 및 기타 파일을 로드합니다. 웹 사이트 속도도 느려집니다. ".htaccess" 파일에 다음 코드를 추가하는 것은 다른 사이트에서 이미지 및 기타 파일을 핫링크하지 못하도록 하는 확실한 방법입니다.
RewriteEngine On RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google\.com(/.*)*$ [NC] RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example\.com(/.*)*$ [NC] RewriteRule \.(jpg|jpeg|gif|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ - [NC,F,L]
PHP 버전을 계속 업데이트하십시오.
PHP는 서버 측 프로그래밍 언어이며 웹 호스팅 서버에 설치됩니다. WordPress는 프로그래밍에 PHP를 사용하여 서버에서 PHP를 업데이트하여 웹 사이트 속도를 높입니다. PHP 버전을 업데이트하면 웹사이트 속도가 2배 빨라집니다. 최신 PHP 버전은 7이며 플러그인으로 업데이트를 유지하는 것이 좋습니다.
웹사이트 방화벽
안전한 웹사이트 방화벽을 사용하면 WordPress 웹사이트에 대한 원치 않는 공격과 도난을 방지할 수 있습니다. 맬웨어, 해커는 웹 사이트 서버에 도달하여 귀중한 데이터를 해킹할 수 있습니다. 활성 DNS 수준 방화벽 보안을 사용하는 것이 좋습니다. 원치 않는 악의적인 공격을 차단하고 해킹 시도를 차단합니다.
게으른 로드
Lazy Load는 뷰어가 화면에서 보는 이미지만 로드하는 WordPress 플러그인입니다. 그것은 사용자가 웹사이트에서 스크롤을 할 때 모든 이미지, 비디오를 다운로드하는 것이 아니라 화면에 다운로드된 이미지만 보는 것을 의미합니다. 모든 비디오와 이미지를 미리 로드할 필요가 없고 화면에 나타나는 것만 다운로드하여 볼 수 있으므로 이미지와 비디오의 다운로드 속도가 빨라집니다. Lazy Load는 비디오, 이미지, 슬라이드, 댓글, Gravatars를 업로드하는 데 사용할 수 있습니다.
구글 광고
웹사이트나 웹 블로그에 Google Ads를 삽입하면 웹사이트 속도도 느려집니다. 광고가 브라우저에 얼마나 잘 로드되는지 관찰하고 기록해 두어야 합니다. 웹사이트가 잘못 만들어진 경우 광고를 삽입하면 로드 속도가 더욱 느려집니다. 광고 레이아웃을 변경하고 브라우저에 표시되는 방식을 변경하면 이 문제를 해결하는 데 도움이 됩니다.
당신은 또한 좋아할 수 있습니다: 워드프레스로 구축할 수 있는 10가지 유형의 웹사이트.
결론
위의 단계가 WordPress 웹 사이트 로딩 시간을 단축한다고 생각한다면 다시 생각하십시오. 귀하의 웹사이트 속도를 저하시키는 것이 무엇인지 식별하기 위한 명확한 절차는 없습니다. 웹 사이트의 로딩 시간을 늦추는 요인을 파악하고 검색하는 과정입니다. 여기에서 테스트가 핵심이며 웹 사이트를 통해 제공하는 내용과 웹 브라우저에 로드되는 속도 사이에서 우선 순위를 지정해야 합니다. 속도를 위해 웹사이트를 최적화하는 완벽한 방법을 찾아야 하며 여기에는 몇 가지 창의적인 아이디어와 제한된 웹 리소스 내에서 작업하는 것이 포함됩니다.