Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 프로필이미지캐싱
- msw
- tiptap custom command
- 파이썬 경로추가
- tiptap vue3
- spring dynamic scheduler
- vue2.7
- tiptap 에디터
- vite
- tiptap slash command
- tiptap
- pinia
- mock service worker
- mockserviceworker.js
- threadpooltaskscheduler
- vue composable
- vue mixin
- vite이미지캐싱
- spring 동적 스케줄러
- springboot dynamic scheduler
- vue3이미지캐싱
- vite.config.js
- vue3
- python path
- fastapi router
- aws db 생성
- store router
- fastapi 라우터
- aws mariadb
- branch 이름 변경
Archives
- Today
- Total
목록이미지최적화 (1)
gomstory
vite-plugin-pwa를 통한 Service Worker 기반 캐싱(feat. 유저 프로필 이미지)
채팅 서비스를 개발하며 마주한 가장 큰 난관이미지가 많아도 너무 많다는 것이다게다가 nas 스펙까지 낮아지니 로딩이 귀신같이 느려지기 시작했다.이미지 로딩 최적화를 위해 1. 이미지 태그 lazy-loading 적용 (vue-lazyload)like Skeleton UI 처럼.. 채팅 영역도 하면 좋을텐데 우선 급한 불부터 2. 정적 이미지 파일 png, jpeg -> webp로 extension 변경반정도 줄었다 (13.92kB -> 7.45kB) 하지만 근본적인 문제는 해결되지 않았다.이미지 캐싱을 효과적으로 할 수 있는 방법에 대해 알아보았다.그러던중 pwa가 눈에 들어왔다. PWA란?PWA(Progressive Web App)는 웹 기술을 사용해 앱처럼 동작하는 웹 애플리케이션을 말한다. 즉,..
Vue.js
2025. 6. 20. 16:53