블로그를 개설하고 SEO를 관리하던 중 사이트 로드 속도가 너무 느리다는 것을 알게 되었습니다. 특히 모바일 환경에서요.
위 사이트에서 검사를 해보니 문제를 쉽게 찾을 수 있었습니다.
아무래도 Google Site Kit 플러그인이 문제였던 것 같습니다.
지난 글에서 언급했듯이 myeo.ng는 클라우드플레어를 사용하고 있는데 마침 Cloudflare에서 Zaraz라는 좋은 기능을 제공하고 있습니다.
그래서 이번에는 Google Site Kit을 대체하고 페이지 속도를 올릴 수 있는 Cloudflare Zaraz를 사용해보겠습니다.
Cloudflare Zaraz
https://www.cloudflare.com/ko-kr/application-services/products/zaraz
Cloudflare Zaraz는 Google 애널리틱스나 Facebook 픽셀과 같은 타사 도구를 사용자의 브라우저에서 직접 로드하는 대신, Cloudflare의 네트워크에서 처리하는 방식으로 작동합니다.
클라이언트에는 Zaraz 스크립트 하나만 보내고 Google 애널리틱스와 같은 도구는 클라우드플레어 서버에서 처리하는 방식 같습니다.
가격
한 달 1,000,000(백만) 조회까지 무료이고 이후 백만번마다 5$입니다.
myeo.ng에는 봇트래픽을 포함해도 한달에 2,000 접속 정도 밖에 없으니 계속 무료로 쓸 수 있을 것 같습니다.
Zaraz 세팅
Cloudflare의 대시보드에서 웹 태그 관리 – 태그 설정 순으로 들어오면 Cloudflare Zaraz를 사용할 수 있습니다.
다양한 도구를 지원하는데 저는 Google Analytics 4를 선택하였습니다.
측정 ID를 입력해주면 간단하게 설정 완료입니다.
측정 ID는 구글 애널리틱스 – 관리 – 데이터 수집 및 수정 – 데이터 스트림에서 발급 받으실 수 있습니다.
Configuration Rules 설정
하지만 이렇게 설정하면 클라우드플레어에 등록되어 있는 모든 하위도메인에 Zaraz가 설정된다는 문제가 있습니다.
Configuration Rules를 설정하여 이 문제를 해결해보겠습니다.
저는 가장 먼저 URL 호스트 이름이 메인 도메인인 myeo.ng에만 작동할 수 있게 Configuration Rules를 설정하였습니다. Configuration Rules는 도메인 관리 페이지에서 규칙 메뉴를 찾으시면 됩니다.
Zaraz 트리거 생성
다음은 Zaraz 트리거 설정입니다. Zaraz 관리 페이지 트리거 메뉴에서 설정할 수 있습니다.
저는 먼저 어드민 페이지에서 Zaraz가 작동하지 않도록 wp-admin이 URL에 포함되면 작동하는 트리거와 페이지 로드시 wpadminbar 속성이 있을때 작동하는 트리거를 생성하였습니다.
Zaraz 트리거 적용
먼저 위의 자동화된 작업을 사용자 지정 작업으로 복제하고 비활성화합니다.
그런 다음 차단 트리거에 앞 문단에서 생성한 트리거를 지정하면 됩니다.
완성
이제 Zaraz 설정이 완료되었습니다!
기존 Google Site Kit을 사용하여 구글 애널리틱스를 사용할 때보다 모바일 로딩 속도가 2초 정도 줄어드는 효과를 보았습니다.
Google Analytics 외에도 다른 도구를 추가할 수 있으니 간편하게 사용할 수 있을 것 같습니다.
답글 남기기