개발일기

  • 홈
  • 태그
  • 방명록

issue-tracking 1

이슈 트래킹 - lazy loading

회사에서 프로모션을 진행하는데, 여러장의 이미지를 순차적으로 불러와서 보여줘야하는데, 디바이스에 따라 로딩 속도가 현저히 느리거나 페이지를 아예 불러오지 못하는 이슈가 발생했다.대부분의 디바이스에서 정상적으로 불러왔지만, 일부 디바이스에서 불러오지 못하거나 수 초의 버벅임이 발생했다.첫번째로 해결한 방법은 통이미지를 여러개의 이미지로 크롭해서 올리는 방식이었다.여기에 조건은 크롭한 이미지들이 1MB이하의 크기였다.이 방법으로 대부분의 디바이스에서 해결이 되었다. 그러나 아직도 일부 디바이스에서 동일한 현상이 발생했다.우리 회사의 프로젝트는 Spring boot framework에 vue 를 cdn으로 불러와서 사용하며 여러장의 이미지를 v-html으로 불러온다.solve1)파일명만 다른 이미지 엘리먼트를..

issue-tracking 2024.09.17
이전
1
다음
더보기
프로필사진

개발일기

6년차 프론트엔드 개발자로 일하고 있습니다. 이것저것 공부하고, 알게된 지식들을 기록하고 반복하기 위해 적어요 :)

  • 분류 전체보기 (49)
    • 프론트엔드 개발자로 일하기 (28)
    • 한번쯤 들어본 FE 기술 (15)
    • issue-tracking (1)
    • chatory 개발 기록 (4)

Tag

fragement, react최적화, 스타일태그, 클라우드프론트, dompurify, 선언형, 자바스크립트, customhtmlsanitizer, nomalizecss, queue, tuieditor, vue, 초기화태그, imperative, CSS, 최적화, tui editor, ResetCSS, 탭내빙, 리렌더링,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바