Elementor Cloud를 더 빠르게 만드는 방법: 6가지 최고의 팁

Blair Jersyer Jun 20, 2022

당신은 지금 Elementor Cloud 웹사이트를 운영하고 있지만, 당신의 블로그가 당신의 방문자를 위해 빠르다고 확신합니까? Elementor Cloud가 당신의 웹사이트를 빠르게 만들기 위해 가능한 최고의 최적화와 함께 제공된다는 것이 사실이라면, 속도 최적화를 위한 엄청난 가능성이 남아 있습니다.

웹사이트가 로드될 때까지 최대 3초 동안 기다리는 방문자가 거의 없기 때문에 오늘날에는 빠른 웹사이트가 필요합니다. 로드하는 데 시간이 오래 걸릴수록 방문자가 더 많이 이탈합니다. 방문자를 튕긴다는 것은 돈을 잃는 것을 의미합니다.

이 튜토리얼에서는 Elementor Cloud 웹사이트에서 바로 적용할 수 있는 최고의 팁과 트릭을 공유합니다. 마지막 팁에서는 성능을 크게 향상시키기 위해 캐싱 플러그인을 사용하는 방법을 보여줍니다.

1. 더 나은 압축 이미지 사용

Elementor Cloud 웹사이트에서 많은 이미지를 사용하고 있을 것입니다. 최적화하지 않으면 웹 사이트에서 크고 무거운 파일을 제공하여 웹 사이트 로드 속도가 느려집니다. 첫 번째 최적화 트릭은 더 작은 이미지를 업로드하는 것입니다(온라인 포트폴리오가 아닌 경우). 그런 다음 Elementor Cloud Compatible 플러그인을 추가해야 하며 그 중 하나가 Smush입니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작

Smush – 지연 로드 이미지, & 압축 이미지 최적화

이미지 최적화, 지연 로드 켜기, 크기 조정, 압축 &은 WPMU DEV에서 제공하는 매우 강력하고 100% 무료 WordPress 이미지 스머셔로 Google 페이지 속도를 향상시킵니다!

주요 특징들

  • 슈퍼 스무시
  • 무손실 압축
  • 지연 로드
  • 대량 스무시
  • 이미지 크기 조정
  • 잘못된 크기 이미지 감지
  • 디렉토리 스매시
  • 자동화된 최적화
  • 월 한도 없음

이 플러그인은 이미지를 압축하는 데 도움이 됩니다. 이 플러그인이 설치되면 수동 작업을 거의 수행할 필요가 없습니다.

2. CSS 및 JS 축소

YellowPencil과 같은 도구를 사용하여 웹사이트 스타일을 편집하는 경우 압축되지 않은 CSS 목록이 길어질 수 있습니다. 압축되지 않은 CSS 또는 J는 잘릴 수 있는 불필요한 공간이 있는 파일입니다. 여기에서는 Elementor Cloud의 진정한 Cloudflare가 축소 서비스를 제공함에도 불구하고 축소 플러그인을 사용하는 것이 좋습니다.

Hummingbird – 속도 최적화, 캐시 활성화, CSS 축소 & Defer Critical JS

파일 압축에 대한 Hummingbird의 미세 조정된 제어, CSS 및 JavaScript 스타일 및 스크립트 지연, CSS 축소, 지연 로드 통합 및 세계적 수준의 캐싱을 통해 웹 사이트 속도 최적화가 더 쉬워집니다.

주요 특징들

  • 텍스트 압축 활성화
  • 필요한 원본에 미리 연결합니다.
  • 키 요청 미리 로드
  • 막대한 네트워크 페이로드 방지
  • 효율적인 캐시 사용
  • JavaScript 실행 시간 수정
  • CSS 축소
  • 자바스크립트 축소
  • 렌더링 차단 리소스 제거
  • 사용하지 않는 CSS 연기

3. 너무 많은 플러그인 사용 피하기

WordPress 생태계에서 매일 많은 플러그인이 출시되고 있습니다. Elementor Cloud에 플러그인을 추가할 수 있는 경우 웹사이트에 필요한 플러그인만 설치해야 합니다.

Heavy suitcase on car roof on blue background minimal creative travel concept.

웹사이트에서 여러 플러그인을 사용하여 다양한 작업을 수행하는 대신 이러한 기능을 결합하는 플러그인 검색을 시작하세요.

4. 추천 WordPress 테마 사용

빠른 웹 사이트는 또한 WordPress 테마의 품질에 따라 다릅니다. 그러나 테마는 양질의 WordPress 테마여야 할 뿐만 아니라 Elementor와도 호환되어야 합니다. Elementor에서 좋은 품질을 제공하는 테마는 거의 없습니다. 다음은 권장하는 최고의 테마 목록입니다.

귀하의 비즈니스에 가장 적합한 것을 선택하게 됩니다.

5. 데이터베이스 최적화

Elementor Cloud 웹사이트의 데이터베이스는 사이트의 모든 콘텐츠와 설정(Elementor 디자인 포함)이 저장되는 곳입니다.

WordPress 사이트에 페이지를 표시하는 데 필요한 모든 정보는 방문자가 도착할 때 데이터베이스 쿼리에서 검색됩니다(위에서 다루었듯이 페이지 캐싱은 대부분의 방문자에게 이 프로세스를 제거할 수 있음).

데이터베이스의 크기와 복잡성이 증가함에 따라 이러한 쿼리가 더 오래 걸리고 더 많은 서버 리소스를 사용하기 때문에 사이트 속도가 저하됩니다.

결과적으로 웹 사이트의 데이터베이스를 정기적으로 정리하는 습관을 들여야 합니다. 다음은 도움이 될 수 있는 몇 가지 플러그인입니다.

6. 페이지 캐싱 플러그인 사용

Elementor Cloud의 캐싱에 가장 권장되는 플러그인 중 하나는 WP Super Cache 입니다. 이 플러그인은 W3 Total Cache와 약간 유사하지만 이 최신 플러그인은 호환되지 않습니다.

WP 슈퍼 캐시

WP Super Cache는 동적 Elementor Cloud 웹 사이트에서 정적 HTML 파일을 생성합니다. HTML 파일이 생성된 후 웹서버는 상대적으로 더 무겁고 더 비싼 WordPress PHP 스크립트를 처리하는 대신 해당 파일을 제공합니다.

이 플러그인으로 받을 수 있는 성능은 놀랍습니다. 페이지가 로드될 때 대부분의 시간에 해당 페이지를 모두 구축하도록 서버에 요청합니다. 이 플러그인을 사용하면 페이지가 정적 HTML이라는 사실이 더 빠르게 로드됩니다.

요약

Elementor Cloud 는 Elementor로 웹사이트를 만드는 데 필요한 모든 것을 제공하므로 오늘날 디자이너를 위한 최고의 호스팅 솔루션 중 하나입니다. 그러나 Elementor Cloud 웹 사이트의 성능을 개선하기 위해 이 게시물 전체에서 사용자 경험을 개선할 것으로 생각되는 몇 가지 트릭과 팁을 보았습니다.