Google Lighthouse를 사용하여 Google 도메인 이름 게시 측정
4194 단어 Lighthouse측량하다
오스비데오의 주요 제품인'하피타스'는 이미지가 전송되는 일부분에 CDN을 사용하는데, CDN은 발송량에 따라 비용이 발생한다.
한 시기 200x200 정도 보이는 프레임에 3000×3000의 이미지가 높아져 신용이 떨어지면서 최근 이미지 사이즈에 주의하는 바람이 불었다.(돌을 던지지 마라)
이 가운데 2019-06-06에는 해피투스의 LP에 유튜브 영상이 삽입됐는데, 표현이 유튜브 API의 제약을 받기 때문에 스스로 발표할 수 없는 것인가.이러면 나온다.
그래서 현재 LP의 발송량과 그것에 비해 얼마나 줄일 수 있습니까?'1Q84'를 조사하기 위해 구글 라이트하우스의 크롬 확장을 도입했지만, 수치에 대한 견해가 각양각색이어서 개인이 기록했다.
본사 도메인 이름으로부터의 발송량을 측정하다
측정 프로그램
측정 결과
Lighthouse 결과에서는 "Keep request counts low and transfer sizesmall"항목을 참조했습니다.
의문사
Transfer size의 테이블 전환은 다음과 같습니다.
Resource Type
Requests
Transfer Size
Total
212
4,173 KB
Image
79
1,308 KB
Script
52
951 KB
Other
18
916 KB
Font
49
826 KB
Stylesheet
8
133 KB
Document
6
39 KB
Media
0
0 KB
Third-party
146
2,915 KB
다만, Image 이하 트랜스퍼 시즈를 모두 넣어도 토탈과 일치하지 않는다.
공식 도움말
수치에 대한 공식 도움말의 Resource Type 정보는 다음과 같습니다.
Name
Type
Valid Value(s)
Description
resourceType
String
total, document, script, stylesheet, image, media, font, other, or third-party.
total measures all page resources. document measures HTML document requests. other includes any resource that does not match the other categories, including XHR or Fetch requests, and data transfers over WebSocket connections. third-party measures all resources from third-party domains.
측량하다
간이 HTML
<html>
<head><title>TEST</title></head>
<body>
<img src="https://img.hapitas.jp/img/images/anti_fraud/anti_fraud_bnr.png">
</body>
</html>
측정 결과로컬vagrant로 이동했기 때문에 그림도 Third-party로 판정됩니다.
이미지는 11371 byte이며 코드는 보는 것만큼 가볍습니다.
따라서 총계는 Third-party를 포함한 합계로 본사에서 발표한 양의 근사량은 Total-Third-party를 통해 계산할 수 있다.
Resource Type
Requests
Transfer Size
Total
2
12 KB
Image
1
11 KB
Document
1
0 KB
Stylesheet
0
0 KB
Media
0
0 KB
Font
0
0 KB
Script
0
0 KB
Other
0
0 KB
Third-party
1
11 KB
또한
hapitas.jp
의 경우xxx.hapitas.jp
는 자역이기 때문에 Third-party에 포함되지 않습니다.Conclusion
당사의 SRE팀의 활약으로 CDN의 가격은 이전보다 낮아졌지만 그래도 전송량 요금이 있으니 엔지니어도 이미지 사이즈에 주의해야 합니다.
현재의 배신량과 이번 보도에는 기재되지 않았지만 개선 건의도 많이 기재되어 있어서 한 번 사용해 보는 것이 좋겠다고 생각합니다.
우리는 CDN이 최적화된 후의 이야기를 당사의 SRE팀에서 쓸 수 있는 다른 기회가 있을지 기대하고 있습니다
Reference
이 문제에 관하여(Google Lighthouse를 사용하여 Google 도메인 이름 게시 측정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/terra_yucco/items/510db10024dc832646a6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)