구글 시트로 웹사이트 로딩 속도 매일 자동 기록하고, 성능 저하의 주범 찾아내기
“내 블로그가 언제부터 이렇게 느려졌지?”
구글 시트로 웹사이트 로딩 속도 매일 자동 기록하고, 성능 저하의 주범 찾아내기
1. 3초의 법칙: 방문자는 기다려주지 않는다!!
블로그를 운영하면서 가장 간과하기 쉬운 것이 바로 **’로딩 속도’**입니다. 저는 예전에 고화질 사진을 넣는 것에만 집착하다가, 모바일 로딩 시간이 5초가 넘어가게 만든 적이 있습니다. 결과는 참혹했습니다. 방문자가 들어오려다 화면이 안 뜨니 그냥 ‘뒤로 가기’를 눌러버린 것이죠.
아무리 글을 잘 써도 페이지가 늦게 뜨면 이탈률이 치솟고, 애드센스 광고도 로딩되지 않아 수익이 0원이 됩니다.
문제는 “내 사이트가 느리다”는 걸 알아채기가 어렵다는 겁니다. 매일매일 속도 측정 사이트에 들어가서 체크하는 건 너무 귀찮은 일이니까요. 그래서 저는 구글 시트가 매일 새벽 제 블로그의 건강 상태(속도)를 체크해서 기록해 두도록 시스템을 만들었습니다.
2. 구글 시트와 PageSpeed Insights API !!
구글이 제공하는 공식 속도 측정 도구인 ‘PageSpeed Insights’의 데이터를 구글 시트로 가져올 것입니다. 코딩을 몰라도 괜찮습니다. 아래 코드를 복사해서 붙여넣기만 하면 됩니다.
-
새 구글 시트를 엽니다.
-
A1셀에
날짜, B1셀에PC 점수, C1셀에모바일 점수라고 적습니다. -
상단 메뉴 [확장 프로그램] > **[Apps Script]**를 클릭합니다.
3. 자동화 스크립트: 복사해서 쓰시면 편하실거에요!
편집기 화면이 열리면 기존 내용을 다 지우고, 아래 코드를 그대로 붙여넣으세요. (딱 한 곳, url 부분만 본인의 블로그 주소로 바꾸시면 됩니다.)
function monitorSpeed() {
// ▼ 여기 주소만 본인 블로그 주소로 변경하세요!
var url = 'https://korea-blog-example.tistory.com';
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var date = new Date();
// 1. 모바일 속도 측정
var mobileUrl = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=' + url + '&strategy=mobile';
var mobileResponse = UrlFetchApp.fetch(mobileUrl);
var mobileData = JSON.parse(mobileResponse.getContentText());
var mobileScore = mobileData.lighthouseResult.categories.performance.score * 100;
// 2. PC(데스크톱) 속도 측정
var desktopUrl = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=' + url + '&strategy=desktop';
var desktopResponse = UrlFetchApp.fetch(desktopUrl);
var desktopData = JSON.parse(desktopResponse.getContentText());
var desktopScore = desktopData.lighthouseResult.categories.performance.score * 100;
// 3. 시트에 기록 (날짜, PC점수, 모바일점수)
sheet.appendRow([date, desktopScore, mobileScore]);
}
저장(💾) 아이콘을 누르고, 함수 선택창에서 monitorSpeed를 고른 뒤 **[실행]**을 눌러보세요. 시트에 오늘 날짜와 점수가 자동으로 찍히는 것을 볼 수 있습니다.
4. 매일 아침 자동 실행되게 만들기 (트리거)
한 번만 실행하면 의미가 없겠죠? 매일 자동으로 돌아가게 해봅시다.
-
Apps Script 화면 왼쪽의 **시계 아이콘(트리거)**을 클릭합니다.
-
우측 하단 [+ 트리거 추가] 버튼을 누릅니다.
-
이벤트 소스 선택: [시간 기반]
-
트리거 기반 시간 유형: [일 단위 타이머]
-
시간 선택: [오전 6시 ~ 7시] (방문자가 적은 새벽 시간이 좋습니다)
이제 여러분이 자는 동안, 이 시트는 매일 아침 블로그의 속도를 측정해 기록해 둡니다.
5. 데이터 분석: “화요일에 무슨 일이 있었나?”
데이터가 일주일 정도 쌓이면 **’차트(선 그래프)’**를 그려보세요. 점수가 일정하다면 다행이지만, 갑자기 **점수가 뚝 떨어지는 날(Dip)**이 보일 겁니다.
이때가 바로 **’범인’**을 잡을 시간입니다.
-
점수가 떨어진 날짜 확인: 2월 14일에 점수가 90점에서 50점으로 급락했다면?
-
작업 내역 복기: “아, 맞다. 14일에 고화질 이미지를 10장 넣어서 포스팅했지!” 혹은 “사이드바에 움직이는 배너를 달았지!”
이 기록이 없다면 “요즘 왜 방문자가 줄지?” 하고 막연하게 고민만 했을 겁니다. 하지만 시트에 기록된 데이터를 보면 성능 저하의 원인이 된 특정 작업을 정확히 찾아내어 수정(이미지 압축, 배너 삭제)할 수 있습니다.
6. 속도는 곧 돈입니다
아마존은 로딩 속도가 0.1초 느려질 때마다 매출이 1% 감소한다고 발표했습니다. 우리 블로그도 마찬가지입니다.
화려한 스킨이나 기능보다 중요한 것은 쾌적한 환경입니다. 오늘 소개한 이 간단한 스크립트로 여러분의 블로그 속도를 24시간 감시하세요. 빨간불이 켜졌을 때 바로 대응할 수 있는 시스템이 갖춰진다면, 검색 엔진도 여러분의 블로그를 ‘신뢰할 수 있는 사이트’로 인식하고 상단에 노출시켜 줄 것입니다.