Decade Web
워크플로우

Decade Web로 사이트 속도 측정하기

03
속도 테스트 워크플로우

내 웹사이트 테스트하기

내 페이지의 사이트 속도를 측정해 웹사이트 성능을 개선하고 싶다면 이 워크플로우가 도움이 됩니다. 느린 요소를 찾아 수정하며 전체적인 제어를 유지할 수 있으며, 코어 웹 바이탈을 위한 쉬운 해결책을 찾기 위해 수정 전후의 수치를 기록해 어떤 변경이 도움이 될지 확인할 수 있습니다.

01

프로젝트 열기

앱을 실행하고 채팅 창에서 웹사이트 폴더를 엽니다.

02

페이지 가져오기

에이전트에게 홈 페이지를 가져오고 헤더를 읽으라고 요청합니다.

03

파일 찾기

파일 도구를 사용해 폴더 내 무거운 이미지와 스크립트를 나열합니다.

04

결과 확인

변경 사항을 검토하고 파일을 압축하거나 지연 로딩하도록 변경을 승인합니다.

속도 로그 예시

speed-log.txt
# Speed test log
page: home, mobile, run 1, LCP 3.1 s
page: home, desktop, run 1, LCP 1.8 s
change: compressed hero image
page: home, mobile, run 1, LCP 2.2 s
page: home, desktop, run 1, LCP 1.5 s
change: defer render-blocking script
page: home, mobile, run 1, LCP 1.9 s
page: home, desktop, run 1, LCP 1.2 s

이 텍스트 로그는 홈 페이지의 모바일 및 데스크톱 테스트 전후 수치를 보여줍니다.

모바일 웹사이트 속도 테스트 단계별 안내

사이트 속도 측정

에이전트는 http_get를 사용해 페이지를 가져오고 상태 코드와 응답 헤더를 읽어 사이트 속도를 측정하며 성능을 평가합니다. 테스트를 시작합니다. 그런 다음 grep을 사용해 폴더 내 무거운 이미지를 찾습니다. list_dir은 작업 폴더에 있는 스크립트를 보여줍니다. 이미지를 압축해 사이트의 페이지 속도를 개선할 수 있습니다. 에이전트는 스크립트 지연 로딩 및 로딩 개선을 위한 변경 사항을 제안합니다. 변경 사항을 승인하기 전에 Ask first 모드에서 변경 내역을 검토합니다. 변경 사항을 승인하고 추적용 로그 파일에 결과를 저장합니다.

결과 분석

에이전트는 read_file을 사용해 이전 결과를 로드하고 새 데이터와 비교해 채팅 창에서 정확한 차이점을 보여줍니다. 그런 다음 에이전트에게 질문합니다. LCP, INP, CLS 점수에서의 변경 사항을 강조 표시합니다. 다른 페이지에서 모바일 웹사이트 테스트를 실행할 수 있습니다. 서버에서 멀리 떨어진 느린 ttfb는 때때로 CDN으로 해결할 수 있습니다. 에이전트는 수치가 여전히 높으면 추가 최적화를 제안합니다. 최종 보고서를 검토하고 변경 사항이 충분한지 결정합니다. 수치는 자체 테스트에서 얻은 것으로 실제 성능을 보여줍니다.

Windows용 Decade Web

오늘 바로 테스트 시작하기

Decade Web 다운로드 ↗