>

각 4 응용 프로그램을 사용하여 firebase 저장소에서 내 웹 사이트 제품 이미지 (약 1000)를 모두 캐시하는 방법. 이미지가 홈페이지에 매우 느리게로드됩니다.

애플리케이션 시작시 모든 이미지를 캐시하거나 처음 이미지를 캐시하여로드하여 사용할 수있는 방법이 있습니까?

온라인 검색을 시도했지만 앵귤러 4/5에 대한 정보는 많지 않았습니다. 누군가 나를 도와주세요?


  • 답변 # 1

    여러 가지 가능성이 있습니다. 다음은 몇 가지 제안입니다.

    파일을 Firebase 저장소에 업로드 할 때 cacheControl 와 같은 메타 데이터 속성을 제공 할 수 있습니다 . 이 특성은 스펙을 기반으로 파일을 캐시하는 데 사용됩니다. 예가 Firebase 설명서에 나와 있습니다.

    Firebase 호스팅을 사용하는 경우 firebase.json 를 구성 할 수 있습니다   Cache-Control 를 사용하여 이미지와 같은 정적 자산을 CDN 레벨에 캐시  헤더. 이 기능의 예는 설명서에 나와 있습니다.

    또한 cacheFirst 와 함께 작업 함과 함께 서비스 워커를 사용할 수 있습니다.  모든 제품 이미지를 사용자 브라우저에 캐시하는 전략. 그런 다음 첫 번째 캐시 후에 이미지가 로컬 캐시에서 먼저로드됩니다.

    각도 시나리오에서는 지연로드 방식을 사용하여 서버에서 이미지를 점진적으로로드 할 수도 있습니다. 기본적으로 src 에서 자리 표시자를 사용해야합니다.  속성 (예 : 보통 흐림 효과) 및 비동기 서버에서 이미지를로드합니다. 그러면 Angular는 예를 들어 관찰자를 사용하여 이미지를 반응 적으로 표시 할 수 있습니다. 이 문제를 다루는 불가지론 적 프레임 워크 라이브러리는 Blazy입니다.

    이러한 접근 방식을 사용하면 앱이 이미지를 더 빠르게로드합니다.

관련 자료

  • 이전 flask socketio - flask_socketio와 멀티 프로세싱 오류 Snowflake Python 커넥터
  • 다음 loops - 문자열에 구두점이 포함되어 있는지 확인하는 방법 C ++