사전 조사(PageSpeedInsight API) 사용

개시하다

측정하고 싶은 페이지마다 확인PageSpeed Insights하는 결과가 번거로워서 기록을 남기려면 더 번거로워요. 그래서 해결책이 없을 것 같아서 찾아봤는데 API가 공개된 거예요. 그래서 비망록의 형식으로 정리하고 싶어요.

이번에는 사이트의 결과와 컬로 두드린 결과를 비교하면서 호응하는 내용을 보고 싶습니다.(다음에 설치합니다.)

PageSpeed Insight는

웹 사이트의 페이지 속도를 측정하는 도구입니다.

라이트하우스와 라이트하우스의 큰 차이점은 라이트하우스는 손 옆에 있는 PC에서 실행되고 PageSpeed Insights는 Google이 준비한 서버에서 실행된다는 점이다.

갑작스러운 관찰에 따르면 필드 데이터(및 Origin Summary)와 실험실 데이터가 있다.(아래 그림 참조)

필드 데이터는 지난 28일 동안 특정 조건으로 액세스한 사용자 데이터에 근거한 결과

실험실 데이터는 현재 모의 결과

현장 데이터를 확인하려면 Lighthouse나 PageSpeed Insights가 모두 가능하다.

또한 랩 데이터를 가져오려면 Google에서 준비한 서버에서 실행되는 PageSpeed Insights의 결과가 안정적일 수 있습니다.

지표
결과
필드 데이터
지난 28일 동안 특정 조건으로 방문한 사용자 데이터에 근거한 결과
Origin Summary
전체 필드의 필드 데이터
실험실 데이터
현재 시뮬레이션 결과
PageSpeed Insight API 시도

예의 사용 방법공식.을 잘 썼다.

이번에는 결과를 원하는 Json이기 때문에 API 키를 얻지 않고terminal에서 다음Curl 명령을 실행하여 결과를 파일로 출력합니다.

$ curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://developers.google.com" > result.json

내보낸 Json

1층은 이런 느낌이에요.

참고 자료에 따르면 다음 3개는'현장 데이터','오리지널 서머레이','실험실 데이터'에 부합된다.

{
  "captchaResult": "CAPTCHA_NOT_NEEDED",
  "kind": "pagespeedonline#result",
  "id": "https://developers.google.com/",
  "loadingExperience": {...},
  "originLoadingExperience": {...},
  "lighthouseResult": {...},
  "analysisUTCTimestamp": "2021-11-03T05:48:54.232Z"
}

속성 이름
설명
loadingExperience
터미널 사용자의 페이지 읽기 권한의 지표입니다.
originLoadingExperience
원시 요소를 집합한 페이지 읽기 자원량의 도량
lighthouseResult
객체의 감사 URL에 대한 등대의 응답
등대(웃음)
결과의 충돌
필드 데이터 및 loadingExperience

랩 데이터 및 lighthouseResult

실험실 데이터는 위에서 말한 바와 같이 시뮬레이션 값이기 때문에 값이 약간 차이가 있다.요구 사항마다 잘 모의해 봤어요.(단, 결과는 거의 일치)

최후

나는 Json의 결과와 사이트 화면의 결과가 일치하지 않는다고 생각하지만 사이트 화면에는 기본적으로 이동 결과가 표시되고 API는 기본적으로 데스크톱의 결과를 되돌려준다.쿼리 매개 변수strategy=mobile를 추가하면 모바일 버전의 결과를 얻을 수 있습니다.

$ curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://developers.google.com&strategy=mobile" > result_mobile.json

정기 측정 실험실 데이터는 페이지를 업데이트할 때 비교적 좋다.

다음에 API 키를 발행해서 프로그램부터 실행하고 싶습니다.

cf.

https://blog.ideamans.com/2019/05/lighthouse-and-pagespeed-insights.html