최근 회사에서는 모바일 웹페이지를 열 때 리소스 로딩 진행 상황을 표시해야 한다는 요구 사항이 있습니다. 예를 들어 진행률 표시줄의 데이터로 전체 이미지를 로드하는 것을 넣었습니다. 그러나 리더는 단일 파일 리소스(예: CSS, js, 사진 및 네트워크 상태가 매우 좋지 않은 기타 리소스)의 로딩 진행 상황을 표시할 수 있기를 원합니다. 나중에 인터넷에서 몇 가지 정보를 읽었는데 다운로드에 관한 내용이 전부였고(다운로드와 캐싱은 같은 것이 아니라고 생각하지만==), 리더십에서 요구하는 것이 아니라는 생각이 들었습니다. 그래서 밤늦게 포스팅을 하게 됐어요. 제가 읽을 수 있는 작은 데모가 있으면 더 좋을 것 같습니다.
曾经蜡笔没有小新2017-06-12 09:21:06
단일 파일의 로딩 시간은 Perfromance API를 통해 처리할 수 있습니다. performance.getEntries()
를 사용하여 모든 리소스 요청의 시간 데이터를 얻을 수 있습니다. 다음은 성능에 대한 예비 탐색(웹 페이지 및 프로그램 성능 모니터링)을 참조할 수 있습니다. 나는 그것이 당신을 도울 수 있기를 바랍니다.