느린 Elementor 웹 사이트를 수정하는 방법 : 내 사이트에서 100 % PageSpeed ​​등급 및 즉각적인로드 시간을 얻도록 도와주는 16 가지 최적화

03.06.2020
ปลั๊กอินแคช '느린 Elementor 웹 사이트를 수정하는 방법 : 내 사이트에서 100 % PageSpeed ​​등급 및 즉각적인로드 시간을 얻도록 도와주는 16 가지 최적화
0 23 мин.

Elementor는 WordPress에서 가장 빠른 페이지 빌더라고 말합니다..


느린 로딩 웹 사이트의 원인?

일반적으로로드 시간과 GTmetrix 점수를 크게 향상시킬 수있는 몇 가지 간단한 조정이 있습니다. 소원 말한다 느린 WordPress 사이트의 가장 일반적인 이유는 서버, 미디어, 외부 스크립트 (예 : Google Fonts), 플러그인, CDN 없음, 평범한 캐시 플러그인 사용입니다. 그러나 단계별 지침을 나열하는 데 대해서는 자세히 설명하지 않습니다..

그래서이 튜토리얼을 썼습니다.

WordPress 최적화 가이드 및 Elementor 권장 사항의 주요 권장 사항에 따라 느린 Elementor 사이트를 수정하는 방법을 배웁니다. 스크린 샷과 자세한 지침을 제공하고 여전히 도움이 필요한 경우 모든 의견에 답변 해 드리겠습니다. 내 홈페이지에서 100 % GTmetrix 점수를 받았습니다. 100 개 이상의 이미지와 400 개 이상의 댓글 (5MB 페이지 크기 및 170 개의 요청)이있는 게시물도 여전히 <2 초 그래, 난 워드 프레스 대단하다

Elementor 속도 최적화

1. PHP 7.4로 업그레이드

많은 호스팅 회사가 이미 PHP 7.4를 출시했습니다.

PHP 버전 업그레이드는 Elementor 사이트 속도를 높이는 가장 쉬운 방법 중 하나입니다. Kinsta의 PHP 벤치 마크 더 높은 PHP 버전이 2-3 배 더 빠르게 실행될 수있는 방법을 보여줍니다. 소장도 추천하다 더 높은 PHP 버전 및 메모리 제한을 256MB로 늘리기 (다음 단계 참조).

먼저 Elementor에서 현재 PHP 버전을 확인하십시오. > 시스템 정보.

Elementor PHP 버전

그런 다음 호스팅 계정에 로그인하여 PHP 버전 관리자 (또는 이와 유사한)를 찾아서 더 높은 PHP 버전을 선택하십시오. 미리 백업하는 것이 좋습니다. 그렇지 않으면 그게 다야!

Kinsta PHP 7.4

중대한: 플러그인이 상위 PHP 버전과 호환되는지 확인하십시오. 더 이상 유지 관리되지 않는 WP Rich Snippets를 사용하고 있었지만 PHP 7.2 이상과 호환되지 않아 플러그인을 삭제하고 대체품을 찾았습니다. 유지 관리되지 않는 플러그인을 유지할 가치가 없습니다..

2. 메모리 제한을 256MB로 늘리십시오

다시 Elementor에서 메모리 제한을 확인하십시오. > 시스템 정보.

Elementor, WordPress 및 WooCommerce 256MB 메모리 제한 권장.

요소 또는 메모리 제한

일반적으로 호스팅 계정에서 메모리 제한을 변경할 수 있습니다.

메모리 제한

그렇지 않으면이 코드를 functions.php.

define (‘WP_MEMORY_LIMIT’,‘256M’);

3. 자체 호스팅 글꼴 사용

Google Fonts가 GTmetrix 보고서를 폭파시키는 경우 로컬에서 글꼴을 호스팅하십시오..

당신이 가지고 있다면 Elementor Pro, 설정에서 찾은 맞춤 글꼴을 사용하고 싶을 것입니다..

여기에 YouTube 튜토리얼.

Elementor Custom Fonts

Elementor Pro가 없습니다?

많은 플러그인은 WP 로켓, 자동 최적화, 자체 호스팅 Google 글꼴, OMGF 및 자산 정리와 같은 Google 글꼴을 최적화하는 데 도움이 될 수 있습니다. 만약 너라면 하지마 플러그인을 사용하려면 다음 지침을 따르십시오.

1 단계: GTmetrix에서 폰트가 Elementor 사이트 속도를 늦추고 있는지 확인하십시오.

구글 폰트 GTmetrix

2 단계: Google Fonts 웹 사이트에서 직접 글꼴을 다운로드하십시오. 꼭 필요한 서체와 서체 무게 만 다운로드하십시오 (더 많은 서체와 무게는 더 많은 요청을 의미 할 수 있습니다).

3 단계: 같은 도구를 사용하십시오 트랜스 폰터 웹 글꼴 파일로 변환.

Transfonter-Google-Font-Conversion

4 단계: 새 웹 글꼴 파일을 WordPress에 업로드하고 CSS에 추가.

5 단계: 글꼴을 테스트하고 기본 오류를 추가하며 항상 글꼴 대체가 있습니다..

4. 타사 요청 최적화

Google 글꼴이 타사 요청과 마찬가지로 애드 센스, 웹 로그 분석,지도, 태그 관리자, 퍼간 동영상 및 Gravatar 또는 소셜 공유 플러그인도 타사 요청을 유발할 수 있습니다.

이것도 최적화해야합니다..

외부 스크립트

일부 타사 요청은 최적화하기 쉽습니다.

WP Rocket에는 추가 기능 탭이 있습니다. 로컬에서 호스트 분석 Facebook Pixel에 브라우저 캐싱을 추가하십시오. WP Rocket의 미디어 설정을 사용하면 iframe을 미리보기 이미지로 바꾸면서 비디오를 느리게로드 할 수 있습니다. 소셜 미디어의 게시물을 포함하는 경우 스크린 샷을 찍고 대신 이미지를 사용해보십시오. 조건부로드 사용 안함, 캐시 플러그인 설정에서 JavaScript 파싱 연기 및 Asset Clean Up에서 선택적으로 스크립트 / 플러그인을 비활성화하면 스크립트를 최적화 할 수 있습니다.

WP 로켓 로컬 분석

다른 타사 요청은 최적화하기가 쉽지 않습니다.

Google 애드 센스는 GTmetrix 킬러가 될 수 있습니다. 비동기식으로로드하는 것 외에는 할 수있는 일이 거의 없습니다. 또한 Gravatars를 더 빠르게로드 할 수있는 솔루션을 찾지 못했으며 모든 Gravatar 캐시 플러그인을 사용해 보았습니다 (그래서 비활성화했습니다). Google 태그 관리자는 일반적으로 최적화되지 않은 큰 Elementor 사이트에만 사용해야합니다. 그렇지 않으면 일반적으로 좋은 것보다 더 해 롭습니다.

5. 높은 CPU 플러그인 피하기

멀리 떨어져 있어야하는 일부 플러그인.

Elementor 사이트의 속도를 늦추는 높은 CPU 플러그인은 일반적으로 통계, 백업, 소셜 공유, 포트폴리오, 라이브 채팅, 연락처 양식, 슬라이더, JetPack 및 웹 사이트에서 지속적으로 작동해야하는 플러그인과 관련이 있습니다 (Broken Link 생각) 검사기의 지속적인 스캔).

  1. 이거 추가 해봐
  2. 애드 센스 클릭 사기 모니터링
  3. 올인원 이벤트 캘린더
  4. 백업 버디
  5. 비버 빌더
  6. 더 나은 WordPress Google XML 사이트 맵
  7. 끊어진 링크 검사기 (Dr. Link Check 사용)
  8. WordPress에 대한 지속적인 연락
  9. 문의 양식 7
  10. 상황에 맞는 관련 게시물
  11. Digi 자동 링크
  12. Disqus 댓글 시스템
  13. Divi Builder
  14. 필수 그리드
  15. 65 개의 느린 플러그인 전체 목록보기

플러그인 속도가 느린 경우 플러그인을 삭제하고 대체품을 찾거나 특정 페이지에서 플러그인을 선택적으로 비활성화하거나 (다음 단계) 계속 사용하여 Elementor 사이트가 느리게 할 수 있습니다.

6. 사용하지 않는 플러그인을 선택적으로 비활성화

자산 정리 및 성능 문제는 플러그인을 선택적으로 비활성화, 스크립트와 스타일.

가장 일반적인 예는 연락처 페이지에 연락처 양식 플러그인 만로드하고 다른 곳에서는 비활성화하는 것입니다. 그러나 귀하의 페이지에서 소셜 공유 플러그인을 비활성화하는 것에 대해 생각해 보셨습니까 (대부분의 사람들이 게시물에서만 플러그인을 사용하기 때문에)? 또는 슬라이더가없는 페이지에서 슬라이더를 비활성화 하시겠습니까? 선택적 비활성화를 통해 페이지에서 더 적은 HTTP 요청을 할 수 있습니다.

1 단계: 자산 정리 설치 또는 성능.

자산 정리 플러그인

2 단계: 페이지 또는 게시물을 편집하고 아래로 스크롤하여 페이지에로드되는 모든 내용을 봅니다..

3 단계: 페이지에서 사용되지 않는 플러그인, 스크립트 및 스타일을 비활성화 (언로드)합니다. 게시물 유형별로 사용 ​​중지하거나 자산 정리 프리미엄 (및 Perfmatters)을 사용하여 RegEx를 사용할 수 있습니다.

자산 정리 모두 확인

7. WooCommerce 스크립트, 스타일, 장바구니 조각 비활성화

이전 단계에서 플러그인을 선택적으로 비활성화 한 것처럼 Perfmatters 및 Asset CleanUp을 사용하여 WooCommerce 스크립트, 스타일 및 카트 조각과 동일한 작업을 수행 할 수 있습니다.

자산 정리 WooCommerce

Perfmatters는 실제로 이것을 사용하여 한 번 클릭:

퍼포머 스 우 커머스 최적화

8. Elementor의 스위치 에디터 로더 방법

소원 말한다:

“Elementor를 사용하여 호스팅 또는 서버에 문제가있는 경우 문제를 해결할 수있는 간단한 스위치가 포함되어 있습니다.”

Elementor에서 찾을 수 있습니다 > 설정 > 많은 > 에디터 로더.

Elementor Switch Editor 로더 방법

9. 치수를 수정하여 이미지 크기 조정

Elementor를 사용할 때는 올바른 크기에 맞게 이미지 크기를 조정 (크기 조정)하는 것이 중요합니다.

스케일 이미지 제공

그렇지 않으면 GTmetrix에서 스케일 된 이미지 제공 오류가 표시됩니다. 어떤 것이 보이면 GTmetrix가 제공 한 권장 치수를 잡고 이미지의 크기를 조정 한 다음 이미지를 교체하십시오. 웹 사이트의 모든 영역 (슬라이더, 추천 이미지, 전체 너비 블로그 이미지, 로고)의 크기를 나열하는 “이미지 치수 치트 시트”를 만드는 것이 좋습니다. 이렇게하면 이미지를 업로드하기 전에 올바른 크기로 이미지 크기를 조정할 수 있습니다.

10. Ditch 공유 호스팅 및 클라우드로 업그레이드

서버 응답 시간이 느리다?

Google PageSpeed ​​Insights를 통해 사이트를 운영하고 <Google이 권장하는 200ms. 귀하의 서버 (호스팅)는 워드 프레스 최적화 가이드의 첫 번째 요소.

트래픽과 플러그인이 적 으면 SiteGround (공유 호스팅)를 사용하는 것이 좋습니다. 그러나 일단 클라우드 호스팅을 사용하면 (예 :. Cloudways DigitalOcean) 차이는 밤낮입니다. SiteGround에서 Cloudways로 마이그레이션했으며로드 시간이 반으로 줄었습니다. 100 개 이상의 이미지와 400 개 이상의 댓글 (5MB 페이지 크기, 170 개의 요청)이있는 게시물도 여전히 2 초 미만으로로드됩니다..

Elementor Hosting

SiteGround-vs-Cloudways- 클라우드 호스팅

긴 게시물에 대한 GTmetrix 보고서

Cloudways에 대한 다른 사람들의 경험 :

Cloudways 응답 시간

Cloudways에 WP 엔진

DigitalOcean Pingdom 보고서

Cloudways 서버 응답 시간

Cloudways로드 시간 개선

Cloudways 및 WP 엔진

제목 없음

Cloudways Pingdom로드 시간

Cloudways Pingdom 보고서

Cloudways 로의 Namecheap 마이그레이션

Cloudways WooCommerce 마이그레이션

Cloudways AWS 마이그레이션

그들은 또한 많은 Facebook 여론 조사에서 1 위를 차지했으며 훌륭했습니다. TrustPilot 리뷰:

호스팅 권장 사항 Facebook

VPS 클라우드 호스팅 WooCommerce 설문 조사

VPS 클라우드 호스팅 설문 조사

워드 프레스 호스팅 제안

Cloudways-Facebook-Review

Cloudways Facebook 검토

Cloudways 및 SiteGround

결론: WooCommcerce, 애드 센스, 높은 CPU 플러그인을 사용하지 않거나 트래픽이 적다면 공유 호스팅이 좋습니다. 그러나 일단 그 중 하나가 있으면 클라우드 호스팅을 살펴보십시오. 예, 저는 제휴사입니다 Cloudways), 다른 사람들이 마이그레이션하여 결과를 게시했습니다. 코드 OMM25 Cloudways에서 처음 2 개월간 호스팅하면 25 % 할인.

11. 자유로운 캐시 플러그인을 버리고 WP 로켓을 사용하십시오

Facebook 설문 조사에서 WP Rocket이 일반적으로 # 1 인 이유?

대부분의 다른 캐시 플러그인 (데이터베이스 정리, 로컬 분석, Google 글꼴 결합, 느린 이미지 로딩 + 비디오, CDN + Cloudflare 통합, 하트 비트 제어, WebP 캐싱, 프리 페칭, Facebook 픽셀 브라우저 캐싱)보다 속도가 더 빠르기 때문에.

WP Rocket이 GTmetrix에서 더 높은 점수와 로딩 시간을 제공하는 이유는 Elementor 사이트에서 더 적은 플러그인을 의미합니다. 항상 새로운 기능으로 업데이트되고 신뢰할 수있는 팀이 유지 관리합니다..

그래도 여전히 WP Fastest Cache 또는 W3 Total Cache를 사용하는 경우 소용돌이를 주어야합니다.

2016 최고의 캐시 플러그인 설문 조사

2019 캐시 플러그인 설문 조사

스위프트 vs WP 로켓

2016 캐시 플러그인 설문 조사

최고의 캐시 플러그인 2018 설문 조사

wp 로켓 대 w3 totla 캐시

차이점이 나타납니다.

후 WP 로켓

12. 데이터베이스 정리

지속적인 데이터베이스 정리를 예약하고 있습니까?

Elementor 사이트를 계속 구축하면 더 이상 사용하지 않는 플러그인 / 테마의 수정본, 오래된 데이터베이스 테이블, 휴지통 댓글 및 기타 정크 파일이 누적됩니다..

WP Rocket 및 WP-Optimize와 같은 플러그인을 사용하여 워드 프레스 데이터베이스 정리. 삭제중인 모든 내용을 검토하고 미리 백업해야합니다..

클린 데이터베이스 최적화 WP

13. Cloudflare의 CDN 사용

Cloudflare를 사용하는 것은 쉬운 일이 아닙니다.

무료이며 200 개가 넘는 데이터 센터가 있으며 CDN은 WordPress에서 추천.

Cloudflare 로고

SiteGround와 같은 일부 호스트를 사용하면 대시 보드에서 Cloudflare를 활성화 할 수 있습니다. 그렇지 않으면 Cloudflare의 무료 요금제에 가입하고 도메인 등록 기관에 로그인 한 다음 Cloudflare 네임 서버로 변경하십시오..

대시 보드에는 고려해야 할 몇 가지 사항이 있습니다.

  • 속도: Brotli 및 로켓 로더 사용
  • 스크랩 쉴드: 핫 링크 보호 활성화
  • 방화벽: Wordfence의 실시간 트래픽 보고서에서 불량 봇 차단
  • 페이지 규칙: Cloudflare에는 많은 페이지 규칙 속도, 보안, 호환성

14. 가벼운 테마 사용

이야기 시간.

개발자가 포기한 ThemeForest 테마를 사용하고있었습니다 (독립적 인 개발자로부터 테마를 구매할 때 좋은 리뷰가 있어도 위험). 또한 고객의 WordPress 사이트를 느리게 만드는 부풀린 테마를 구입할 때 악몽이있었습니다.

모든 것이 내장되어있어 훨씬 쉬워졌습니다.?

아니! 최소화되고 잘 코딩 된 간단한 테마를 선택한 다음 플러그인을 사용하여 필요한 기능 만 추가하려고합니다. 플러그인을 삭제하는 것보다 테마 최적화가 어렵습니다.

대부분의 사람들은 Astra, Flatsome 또는 StudioPress 테마를 사용하고 있기를 바랍니다..

15. GTmetrix에서 병목 현상 찾기

점수 +로드 시간을 측정하는 것 외에도 GTmetrix에서 꽤 많은 것들을 발견 할 수 있습니다. 모든 Elementor 사이트가 다르기 때문에 속도를 늦추고있는 것을 정확히 찾고 싶습니다..

첫 바이트까지의 시간

첫 바이트까지의 시간

최적화되지 않은 이미지

GTmetrix의 이미지 최적화

느린 플러그인

느린 워드 프레스 플러그인

16. 성능 문제로 속도의 마지막 10 %를 완료하십시오

성능 (Kinsta에 의해) 내가 부르고 싶은 것을 돌봐 기타 속도 최적화:

perfmatters 특징

이들 중 일부는 매우 유용합니다. 스크립트 관리자를 사용하면 특정 페이지에서 플러그인 / 스크립트를 선택적으로 비활성화하고, 자동 저장 간격 변경, 사후 수정 제한, 사전 연결 및 WooCommerce 스크립트, 스타일 및 장바구니 조각화를 비활성화 할 수 있습니다. 이 최적화와 관련하여 Perfmatters보다 더 나은 플러그인을 알지 못합니다..

Kinsta입니다. 물론 훌륭한 플러그인입니다.

자주 묻는 질문

&# x1f680; 느린 Elementor 사이트의 가장 일반적인 이유는 무엇입니까?

좋은 캐시 플러그인을 사용하지 않고, 캐시 플러그인 설정을 최적으로 구성하지 않고, 느린 호스팅, 최적화되지 않은 이미지, Google Fonts 및 외부 스크립트, 높은 CPU 플러그인 및 CDN을 사용하지 않는 것이 느린 Elementor 사이트의 가장 일반적인 이유 중 일부입니다.

&# x1f680; Elementor 속도를 높이려면 어떻게해야합니까?

Elementor의 사용자 정의 글꼴 옵션을 사용하여 Google Fonts 또는 Font Awesome의 요청 수를 줄이십시오. Asset CleanUp 또는 Perfmatters by Kinsta와 같은 플러그인을 사용하여 페이지 / 포스트에서 사용하지 않은 Elementor 기능을 선택적으로 비활성화 할 수도 있습니다. 나머지는 Elementor와 관련이없는 일반적인 속도 최적화입니다..

&# x1f680; 사용자 정의 글꼴을 사용하여 더 빠르게로드하는 방법?

이를 위해서는 Elementor Pro 계정이 필요합니다. 글꼴 파일 (예 : Google Fonts)을 다운로드하여 Elementor의 사용자 정의 글꼴 섹션에 업로드하십시오..

&# x1f680; Elementor가 내 사이트를 느리게합니까??

Elementor는 GTmetrix 보고서에서 오류를 발생시키지 않았으며 가장 빠른 WordPress 페이지 빌더 인 것으로 가정합니다. 웹 사이트 속도가 느려지지 않아야합니다. 그러나 그렇게 생각한다면 GTmetrix Waterfall 탭을 확인하여 실제로 문제의 원인을 확인하십시오..

&# x1f680; Elementor 사이트에 권장되는 호스팅?

인기있는 Elementor Facebook 그룹에서 SiteGround 및 Cloudways는 일반적으로 Facebook 설문 조사에서 가장 많이 평가 된 2 개의 호스트입니다..

여전히 느린 요소 사이트가 있습니다?

Cloudways와 WP Rocket은 문제의 80 %를 해결해야합니다. 호스팅 및 캐시 플러그인은 WordPress 최적화 안내서에서 가장 큰 요소입니다. 그러나 Elementor 사이트가 여전히 느리다면 GTmetrix 보고서에 의견을 남겨 주시면 감사하겠습니다. Google 팀은 GTmetrix 보고서 이전 + 이후와 함께 WordPress 속도 서비스를 제공합니다.

건배,

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector