Divi 플러그인 하이라이트: Divi Rocket

웹사이트 로딩 속도는 우수한 SEO를 유지하고 웹사이트 이탈률을 줄이는 데 매우 중요합니다. 성능을 높일 수 있는 캐싱 플러그인이 많이 있지만 대부분의 캐싱 플러그인은 일반적입니다. 테마의 특정 요구 사항이나 기능을 대상으로 하기보다는 대부분의 테마에 대한 주요 설정으로 작업합니다. 이제 Divi를 위해 특별히 설계된 캐싱 플러그인이 있습니다.

Divi Rocket은 "Divi를 인식"하도록 설계된 타사 플러그인입니다. Divi가 작동하는 방식과 Divi 섹션 및 모듈에 익숙합니다. 캐시를 재생성할 때 Divi 페이지에서 캐시할 항목과 확인할 항목을 알고 있습니다. 이 기사에서는 Divi Rocket을 살펴보고 무엇을 할 수 있는지, 사용이 얼마나 쉬운지 알아보겠습니다.

설치 및 활성화

Divi Rocket을 사용하기 전에 라이센스 키를 입력해야 합니다. 대시보드 메뉴에서 Divi > Divi Rocket 으로 이동합니다. 플러그인을 활성화하면 선택하고 작업을 수행할 수 있는 메뉴 탭의 잠금이 해제됩니다.

메뉴 디자인은 Divi 메뉴 디자인과 유사합니다. 그것은 우아해 보이지만 이해하고 따라가기 쉽습니다(따라서 설정하기 어려운 설정이 너무 많은 일부 캐싱 플러그인과 달리). 또한 현재 게시물의 캐시(프론트엔드에서 사이트를 볼 때), 전체 캐시를 지우고 설정을 볼 수 있는 관리 표시줄에 메뉴를 추가합니다.

작업

작업 탭에는 파일을 최적화하거나 삭제하는 12개의 작업이 있습니다. 작업에는 다음이 포함됩니다.

1. 테이블 최적화
2. 게시물 수정 게시물 삭제
3. 자동 초안 게시물 삭제
4. 휴지통에 버린 게시물 삭제
5. 스팸 또는 휴지통 댓글 삭제
6. 승인되지 않은 댓글 삭제
7. 핑백 및 트랙백 삭제
8. 분리된 게시물 메타데이터 삭제
9. 분리된 댓글 메타데이터 삭제
10. 분리된 관계 데이터 삭제
11. 분리된 사용자 메타데이터 삭제
12. 분리된 용어 메타데이터 삭제

각 작업은 삭제할 요소의 수를 보여줍니다. 완료할 작업을 선택하고 선택한 작업 처리를 클릭합니다. Optimize Tables는 특히 흥미롭습니다. Divi를 위해 특별히 설계된 데이터베이스 최적화입니다. 작업을 실행하면 각 작업이 성공했는지 또는 최적화가 수행되지 않았는지 표시됩니다.

브라우저 캐싱

브라우저 캐싱을 활성화하면 Apache 서버용 jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic 및 swf 파일을 포함한 정적 리소스를 캐시하도록 브라우저에 지시합니다. 캐시 만료일 수를 제어하고 무시할 URL을 추가할 수 있습니다.

서버 캐싱

서버 캐싱은 서버 측에서 캐싱을 활성화합니다. 모든 사용자 역할에 대해 서버 측 캐싱을 비활성화할 수도 있습니다.

서버 측 캐싱은 표준 서버 캐싱과 다르게 작동합니다. 대부분의 캐시 플러그인은 전체 페이지의 캐시된 버전을 저장한 다음 브라우저로 보냅니다. 변경 사항이 있을 때마다 캐시에서 전체 페이지가 재생성됩니다.

Divi Rocket은 Divi 모듈을 위해 특별히 설계되었습니다. 페이지의 모듈은 변경될 수 있지만 페이지의 나머지 부분은 동일하게 유지된다는 것을 알고 있습니다. 블로그 모듈과 상점 모듈은 자주 변경되는 반면 광고 문구와 인물 모듈은 덜 자주 변경될 수 있음을 알고 있습니다. 즉, 변경할 때마다 전체 페이지 대신 페이지의 일부만 재생성할 수 있습니다.

지연 로딩

Lazy Loading은 사용자가 스크롤할 때 Divi 섹션을 로드합니다. 즉, 사용자가 사이트 탐색을 시작하기 전에 웹 사이트의 일부만 로드해야 합니다. 또한 사용자가 방문하지 않은 사이트 부분을 로드할 필요가 없음을 의미합니다.

서버 측 캐싱이 필요하며 아직 테스트 단계에 있습니다. 활성화하면 사이트가 로드될 때 처음 로드될 Divi 섹션 수와 로드 요청이 전송될 때마다 로드될 섹션 수를 설정할 수 있습니다.

지연 로딩은 다음 섹션이 로드될 때까지 프리로더가 있는 흰색 배경을 표시합니다. 내 테스트 서버에서 다음 섹션의 로딩 시간은 매우 빨랐습니다.

압축

압축은 GZip 압축 옵션을 추가합니다. 이 기능은 테스트 속도에 가장 큰 영향을 미쳤습니다.

시스템 사양

시스템 사양은 Divi > 지원 센터 메뉴에서 찾을 수 있는 것과 동일한 정보를 표시하지만 설정에 대한 추가 정보를 제공하고 더 많은 정보에 대한 링크를 포함합니다. 설명에는 서버가 요구 사항을 충족하지 않는 경우 볼 수 있는 문제 유형에 대한 정보가 포함되어 있어 문제 해결에 더욱 도움이 됩니다.

여러 가지 잡다한

Miscellaneous는 WordPress에 네 가지 새로운 설정을 추가합니다.

게시물 수정 제한 – WordPress가 각 게시물에 대해 유지할 수정 수를 지정할 수 있습니다. 이렇게 하면 서버 저장 공간을 절약하고 웹 사이트에서 사용하지 않을 너무 많은 수정 버전을 추적하지 않아도 됩니다.

Pingbacks 및 Trackbacks 허용 - 열리거나 닫히도록 설정합니다. 하나의 설정으로 둘 다 제어합니다.

바닥글 크레딧 – 링크와 Divi Rocket 아이콘이 있는 바닥글 크레딧에 Divi Rocket을 추가합니다. 표시할 수 있는 몇 가지 옵션이 있습니다. 바닥글 아래의 하단 막대에 표시하거나(기본 바닥글을 사용하는 경우에만 표시됨) 하단 막대 아래의 새 막대 중앙에 표시하거나 비활성화합니다. 기본적으로 활성화되어 있습니다. 제휴 ID를 추가하면 링크에 포함됩니다.

Divi Space 제휴 ID – Divi Space 제휴 계정이 있는 경우 여기에 ID를 추가하면 바닥글 크레딧의 링크에 추가됩니다.

이전과 이후

다음은 최적화되지 않은 테스트 사이트에 대한 GTMetrix 점수 전후를 살펴보겠습니다. 이것은 Divi Rocket의 일부 기능만을 테스트하므로 완전한 테스트는 아닙니다. 그것은 그것이 어떻게 내 로딩 속도를 향상 시켰는지 보여줍니다.

내 테스트 사이트

다음은 향상 또는 압축을 실행하기 전의 테스트 점수입니다. 내 PageSpeed ​​점수는 45%, YSlow는 63%, 완전히 로드된 시간은 3.5초, 페이지 크기는 2.12MB이며 39개 요청합니다. Divi Magazine 레이아웃 팩의 랜딩 페이지를 사용하고 있습니다.

PageSpeed는 압축을 활성화하고 브라우저 캐싱을 활용하는 것이 가장 중요한 요구 사항임을 보여줍니다.

YSlow는 만료 헤더 추가, 구성 요소 압축, CDN 사용, HTTP 요청 줄이기 등 가장 중요한 영역을 보여줍니다.

브라우저 캐시만 활성화된 경우

PageSpeed와 YSlow 점수 모두 약간 향상되었습니다. 완전히 로드된 시간이 감소했습니다. 페이지 크기와 요청은 동일하게 유지되었습니다.

브라우저 캐싱 활용이 49에서 96으로 이동했습니다.

헤더 추가 만료에 대한 YSlow 점수는 0에서 78까지입니다.

서버 캐시 추가

서버 측 캐싱을 사용하면 전체 로드 시간과 요청 수가 약간 향상되었습니다. 물론 이것은 이야기의 일부일 뿐입니다. 변경된 모듈만 업데이트하기 위해 서버 측 캐싱이 작동하는 방식으로 인해 서버 리소스에서 더 많은 개선이 보입니다.

JavaScript의 구문 분석을 연기하기 위해 PageSpeed ​​점수가 감소했습니다.

더 적은 수의 HTML 요청에 대해 YSlow 점수가 약간 향상되었습니다.

GZip 추가

GZip 압축을 활성화하면 가장 크게 개선되었습니다. PageSpeed는 92%로, YSlow는 84%로 이동했습니다. 완전히 로드된 시간은 1.7초로 떨어졌고 총 페이지 크기는 862KB로 떨어졌습니다. 요청은 동일하게 유지되었습니다.

PageSpeed의 경우 압축 활성화가 0에서 100으로 변경되었습니다.

YSlow의 경우 압축 구성 요소가 0에서 100으로 변경되었습니다.

결과

Divi Rocket이 내 GTMetrix 점수를 개선할 수 있었던 방법은 다음과 같습니다.

• PageSpeed ​​45에서 92로
• YSlow 63에서 84로
• 3.5초에서 1.7초로 완전히 로드된 시간
• 총 페이지 크기: 2.12MB ~ 862KB
• 39에서 38까지의 요청

이 점수는 사이트에 다른 변경 사항이 없습니다.

가격 및 문서

개발자 웹 사이트에서 Divi Rocket을 구입할 수 있습니다. Divi Rocket에는 여러 가지 구매 옵션이 있습니다.

• 단일 사이트 – 연간 $49
• 3개 사이트 – 연간 $89
• 무제한 사이트 – 연간 $179

연간 및 평생 회원권에도 포함됩니다.

문서는 개발자 웹사이트에서 제공됩니다. 플러그인의 기능을 단계별로 살펴보고 사용 방법을 보여줍니다. 이 기사에서는 필요하지 않았지만 사용할 수 있게 되어 기쁩니다.

마무리 생각

Divi Rocket은 흥미로운 플러그인입니다. 사용하기 쉽고 깔끔한 메뉴 디자인이 마음에 듭니다. 일반 워드프레스 제품이 아닌 Divi 제품처럼 보입니다. Divi를 위해 특별히 설계되었으며 다른 캐시 플러그인이 할 수 없는 방식으로 섹션과 모듈을 활용한다는 점이 마음에 듭니다. 처리해야 할 설정이 많지는 않지만 대부분의 웹 사이트에 필요한 설정을 제공합니다. 각 기능의 기능을 설명하므로 노련한 개발자와 초보자 모두에게 이상적입니다.

내 테스트는 이야기의 일부만 알려줍니다. 예를 들어, 데이터베이스 최적화를 위한 서버의 로드 절약과 업데이트를 위해 개별 모듈을 확인하는 방식은 서버 리소스를 절약할 것입니다. 로딩 속도 점수에는 표시되지 않습니다.

Extra와 함께 작동하는 것을 보고 싶습니다. 개발자 페이지에는 더 많은 기능이 추가되고 있음이 표시됩니다. 곧 CSS와 JavaScript를 축소하고 결합할 것입니다. 또한 Divi의 핵심 파일을 캐시하여 표준 CDN보다 성능을 더욱 향상시키는 CDN도 포함됩니다.

Divi Rocket은 이미 완전히 최적화되지 않은 테스트 사이트의 속도를 다른 캐시 플러그인과 동일한 수준으로 개선했습니다. 축소 및 CDN이 추가되면 모든 Divi 웹 사이트에 훨씬 더 나은 옵션이 될 것입니다.

우리는 당신의 의견을 듣고 싶습니다. 디비 로켓 해보셨나요? 의견에 대해 어떻게 생각하는지 알려주십시오.

Victoruler/Shutterstock.com을 통한 주요 이미지