search

eyabc / blog-comment

1 stars 0 forks source link

https://eyabc.github.io/Doc/dev/core-javascript/Browser_%EC%84%B1%EB%8A%A5_%EC%B5%9C%EC%A0%81%ED%99%94.html #22

Open utterances-bot opened 3 years ago

utterances-bot commented 3 years ago

최적화 | 재미있는 기억만 남기자

https://eyabc.github.io/Doc/dev/core-javascript/Browser%EC%84%B1%EB%8A%A5%EC%B5%9C%EC%A0%81%ED%99%94.html

khw970421 commented 3 years ago

audit 전까지

잘읽었습니다.

20201117210320

이렇게 시도도 해보면서 DOMContentLoaded load이벤트나 FP FCP와 같은것도 눈으로 확인해봤습니다.

그중에 리소스의 서버 요청 대기 시간 이부분에서 확인을 하는 방법이 저기 그림에서는 99188455- ~~ 위치에 있는 ROW 내용을 보면서 확인하던데 저것을 어떻게 찾는건지 조금 시도해보다가 계속안되서 방법을 구체적으로 혹시 아신다면 알려주시면 감사하겠습니다.

2
eyabc commented 3 years ago

99188455- ~~ 리소스는 제가 접속한 사이트에서 주고 받은 리소스 이고,

크롬 개발자 도구 network 패널입니다.

image 페이지에서 리소스 요청과 응답이 발생할 때 4번에 항목들을 볼 수 있습니다. 4번 waterful 에서 파란색 바에 마우스를 올리면 확인할 수 있습니다 😊