pail (1) 썸네일형 리스트형 웹 렌더링 성능관련 키워드 PAIL Performance Model(사용자 중심 성능 모델) 즉각적 반응 애니메이션/스크롤 시 10ms 이내 Main thread의 유효 시간을 극대화 콘텐츠는 2s 이내 로딩, 사용자 입력 처리 가능 시점은 ~5s 이내 로딩과정 주소입력 리퀘스트 요청 데이터 처리 리스폰 받음 HTML을 브라우적 ㅏ처리 수많은 자원들을 크롬 개발자의 Network 탭에서 확인할 수 있습니다. 요소의 로딩 과정(Request - > Connect -> Response) Stalled : Request를 보내기전에 대기하는 시간 DNS Lookup : 도메인 명에 다른 주소를 조회하는 시간 Initial Connection : 서버와 브라우저간의 연결 설정 시간 Time to First Byte : 서버가 해당 요소의.. 이전 1 다음