사전 조사(PageSpeedInsight API) 사용

4781 단어 PageSpeedInsights
개시하다
  • 측정하고 싶은 페이지마다 확인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
  • 좋은 웹페이지 즐겨찾기