[open-webui] Open WebUI 성능 최적화: Svelte 컴포넌트에서 불필요한 HTML 재정제 방지Svelte 컴포넌트에서 스트리밍 업데이트 시 불필요한 HTML 재정제를 방지하여 렌더링 성능을 크게 개선합니다.#Svelte#Performance#Optimization#DOMPurify#Frontend#WebUI2026년 6월 29일댓글 수 로딩 중
[Open WebUI] ChatItem 사이드바 메모리 누수 수정이벤트 리스너 정리와 공유 드래그 이미지로 사이드바 ChatItem의 메모리 누수 해결.#Open WebUI#Svelte#Performance#Memory Leak#Frontend2026년 4월 1일댓글 수 로딩 중
[Open WebUI] JS transition을 CSS 애니메이션으로 교체하여 스트리밍 렌더링 최적화Svelte의 transition:fade를 CSS @keyframes로 대체하여 스트리밍 중 메인 스레드 부하를 대폭 줄인 분석.#Open WebUI#Svelte#Performance#CSS#Animation2026년 3월 31일댓글 수 로딩 중
[Open WebUI] CodespanToken에서 JS 트랜지션을 CSS 애니메이션으로 교체하여 메인 스레드 부하 제거Svelte의 transition:fade를 CSS @keyframes로 교체하고, 중복된 코드 블록을 단일 엘리먼트로 통합한 최적화 분석.#Open WebUI#Svelte#CSS#JavaScript#Performance#Animation2026년 3월 31일댓글 수 로딩 중
[Open WebUI] PanZoom 인스턴스 메모리 누수를 PanzoomContainer 컴포넌트로 통합 해결여러 컴포넌트에 분산된 panzoom 생성/해제 로직을 단일 PanzoomContainer로 통합하여 dispose 누락으로 인한 메모리 누수를 근본적으로 해결한 분석.#Open WebUI#Svelte#Performance#Memory Leak#Frontend2026년 3월 31일댓글 수 로딩 중
[Open WebUI] 이중 RAF 제거로 스트리밍 표시 지연 32ms에서 16ms로 단축이미 존재하는 RAF 쓰로틀링 위에 중복 RAF를 추가한 실수를 되돌려 스트리밍 렌더링 지연을 절반으로 줄인 PR 분석.#Open WebUI#Frontend#requestAnimationFrame#Streaming#Svelte#Latency2026년 3월 25일댓글 수 로딩 중
[Open WebUI] sendMessage에서 중복 getChatList 호출 제거메시지 전송 시 불필요한 사이드바 갱신 DB 쿼리 1회 제거#Open WebUI#Svelte#Frontend Optimization#Performance2026년 3월 25일댓글 수 로딩 중
[Open WebUI] saveChatHandler에서 불필요한 채팅 목록 재조회 제거메시지 저장 때마다 전체 채팅 목록을 다시 불러오던 getChatList 호출을 제거하여 불필요한 네트워크 왕복을 차단한 최적화.#Open WebUI#Svelte#Performance#Frontend#API Call2026년 3월 25일댓글 수 로딩 중
[Open WebUI] 메모리 항목 삭제 시 확인 대화상자 추가개별 메모리 삭제에 확인 대화상자를 추가하여 실수 방지 UX 개선#Open WebUI#Svelte#UX#Performance2026년 3월 21일댓글 수 로딩 중
[Open WebUI] Artifacts 컴포넌트 메모리 누수 수정Svelte store 구독 해제 누락으로 인한 메모리 누수 해결#Open WebUI#Svelte#Memory Leak#Performance2026년 3월 6일댓글 수 로딩 중
[Open WebUI] 재귀적 메시지 리스트 생성을 반복문으로 전환하여 O(d²) → O(d) 개선spread 기반 재귀 구현을 push+reverse 반복문으로 변환하여 대화 깊이에 따른 O(d²) 배열 복사를 제거한 분석.#Open WebUI#TypeScript#Performance#Algorithm#Frontend#Svelte2026년 3월 6일댓글 수 로딩 중
[Open WebUI] TTS 문장 파싱을 showCallOverlay 가드로 감싸 불필요한 O(n^2) 연산 제거음성 통화 오버레이가 비활성일 때 매 토큰마다 실행되던 정규식 파싱을 완전히 건너뛰도록 가드를 추가한 최적화 분석.#Open WebUI#Svelte#JavaScript#Performance#TTS#Regex2026년 3월 6일댓글 수 로딩 중
[Open WebUI] 스트리밍 중 동일 콘텐츠의 중복 마크다운 파싱을 캐시로 방지매 애니메이션 프레임마다 실행되던 Markdown 파서에 단순 캐시를 추가하여, 새 토큰이 없을 때 불필요한 파싱을 건너뛰는 최적화 분석.#Open WebUI#Svelte#Performance#Frontend#Markdown2026년 3월 6일댓글 수 로딩 중
[Open WebUI] 저장 버튼 스피너 인라인 레이아웃 수정Open WebUI의 여러 모달에서 저장 버튼의 로딩 스피너가 레이아웃을 밀어내는 문제를 Tailwind CSS 클래스 조정으로 수정한 PR을 분석합니다.#Open WebUI#UI Fix#Svelte#Tailwind CSS#Layout2026년 3월 4일댓글 수 로딩 중
[Open WebUI] Chat.svelte 비동기 onMount 메모리 누수 수정비동기 onMount와 동기 onDestroy 간 타이밍 불일치로 인한 DOM 트리 메모리 누수 해결.#Open WebUI#Svelte#Performance#Memory Leak#Lifecycle2026년 3월 1일댓글 수 로딩 중
[Open WebUI] MultiResponseMessages에 O(1) Fast-path 비교 추가JSON.stringify 전체 비교 전에 content/done 필드를 먼저 체크하여 스트리밍 렌더링 최적화.#Open WebUI#Svelte#Performance#Frontend#Rendering2026년 3월 1일댓글 수 로딩 중
[Open WebUI] JSON.parse(JSON.stringify()) 를 structuredClone으로 교체Chat.svelte의 7곳에서 깊은 복사 방식을 네이티브 structuredClone API로 변경하여 성능 2배 개선.#Open WebUI#Svelte#JavaScript#Performance#Deep Clone2026년 3월 1일댓글 수 로딩 중
[Open WebUI] CodeBlock 토큰 비교 fast-path 최적화JSON.stringify 대신 O(1) 필드 비교로 스트리밍 렌더링 성능 개선#Open WebUI#Svelte#Rendering Optimization#Performance2026년 3월 1일댓글 수 로딩 중
[Open WebUI] requestAnimationFrame으로 스트리밍 중 getContents() 디바운싱스트리밍 토큰마다 실행되던 무거운 콘텐츠 스캔을 requestAnimationFrame으로 프레임당 1회로 제한한 PR 분석.#Open WebUI#Frontend#requestAnimationFrame#Debounce#Streaming#Svelte2026년 3월 1일댓글 수 로딩 중
[Open WebUI] CodeEditor에서 EditorView 미해제로 인한 메모리 누수 수정CodeMirror EditorView를 컴포넌트 해제 시 destroy하지 않아 발생하던 메모리 누수를 수정하고, 언어 등록을 모듈 수준으로 분리한 분석.#Open WebUI#Svelte#CodeMirror#Memory Leak#Performance#JavaScript2026년 3월 1일댓글 수 로딩 중
[Open WebUI] UserMessage에서 JSON 직렬화 대신 structuredClone과 빠른 경로 비교 적용JSON.parse/stringify 기반 깊은 복사와 비교를 structuredClone과 content 우선 비교로 대체하여 렌더링 성능을 개선한 최적화.#Open WebUI#Svelte#Performance#Frontend#JavaScript2026년 3월 1일댓글 수 로딩 중
[Open WebUI] StatusHistory 비교에 O(1) 길이 검사 추가로 직렬화 비용 절감Open WebUI의 스트리밍 응답에서 매 프레임마다 JSON.stringify로 상태 히스토리를 비교하던 것에 배열 길이 사전 검사를 추가하여 불필요한 직렬화를 건너뛰는 최적화를 분석합니다.#Open WebUI#Svelte#Performance#Optimization#Streaming2026년 3월 1일댓글 수 로딩 중
[Open WebUI] Sidebar 컴포넌트 메모리 누수 수정: onDestroy에서 onMount return으로 전환Svelte의 onDestroy와 onMount 사이의 타이밍 불일치로 인한 이벤트 리스너 메모리 누수를 수정한 분석.#Open WebUI#Svelte#Performance#Memory Leak#Event Listener2026년 3월 1일댓글 수 로딩 중
[Open WebUI] MentionList 컴포넌트 메모리 누수 수정비동기 onMount와 동기 onDestroy의 타이밍 문제로 인한 이벤트 리스너 누수 해결#Open WebUI#Svelte#Memory Leak#Performance2026년 3월 1일댓글 수 로딩 중
[Open WebUI] 모델 생성 페이지 메모리 누수 수정: 이벤트 리스너 해제onMount에서 등록한 message 이벤트 리스너가 해제되지 않아 발생하는 메모리 누수를 수정한 PR 분석.#Open WebUI#Frontend#Memory Leak#Svelte#Event Listener#Bug Fix2026년 2월 28일댓글 수 로딩 중
[Open WebUI] 스트리밍 중 scrollToBottom을 rAF로 배치 처리하여 불필요한 리플로우 제거스트리밍 토큰마다 호출되던 scrollToBottom을 requestAnimationFrame으로 프레임당 최대 1회로 제한하여 레이아웃 리플로우를 대폭 줄인 최적화 분석.#Open WebUI#Svelte#JavaScript#Performance#Scroll#requestAnimationFrame2026년 2월 28일댓글 수 로딩 중
[Open WebUI] JSON.parse(JSON.stringify()) 대신 structuredClone으로 딥 카피 최적화스트리밍 중 매 토큰마다 실행되는 메시지 딥 카피를 structuredClone()으로 교체하여 문자열 직렬화 오버헤드를 제거한 분석.#Open WebUI#JavaScript#Performance#Svelte2026년 2월 28일댓글 수 로딩 중
[Open WebUI] MessageInput 컴포넌트 메모리 누수 수정: 비동기 이벤트 리스너 생명주기 관리Svelte 컴포넌트에서 onMount 비동기 실행과 onDestroy 동기 실행의 타이밍 불일치로 발생하는 이벤트 리스너 메모리 누수를 수정한 PR을 분석합니다.#Open WebUI#Memory Leak#Svelte#Event Listener#Performance2026년 2월 28일댓글 수 로딩 중
[Open WebUI] Tooltip 컴포넌트의 tippy 인스턴스 메모리 누수 수정 및 타입 정의 개선요소 변경 시 이전 tippy 인스턴스가 DOM에 잔존하던 메모리 누수를 destroy 로직 추가로 해결하고, TypeScript 타입을 정밀하게 적용한 분석.#Open WebUI#Svelte#Performance#Memory Leak#TypeScript2026년 2월 28일댓글 수 로딩 중
[Open WebUI] KaTeX 모듈 import를 싱글턴으로 캐싱하여 렌더링 최적화Open WebUI에서 수학 수식이 포함된 메시지마다 KaTeX를 반복 import하던 비효율을 Svelte의 context='module'을 활용한 싱글턴 패턴으로 해결한 최적화를 분석합니다.#Open WebUI#Svelte#KaTeX#Performance#Module Cache2026년 2월 26일댓글 수 로딩 중
[Open WebUI] ResponseMessage에서 JSON.stringify 비교를 O(1) fast-path로 우회스트리밍 중 매 토큰마다 발생하는 2회의 O(n) JSON.stringify 호출을 content/done 필드 비교로 우회한 분석.#Open WebUI#JavaScript#Performance#Svelte#Streaming2026년 2월 26일댓글 수 로딩 중
[Gradio] 서브탭/아코디언 컴포넌트 Lazy Loading 도입비활성 탭과 닫힌 아코디언의 자식 컴포넌트를 지연 렌더링하여 초기 로드 성능을 개선한다#Gradio#Lazy Loading#Frontend Performance#Svelte2026년 2월 24일댓글 수 로딩 중
[Open WebUI] 검색 쿼리 디바운스 적용으로 불필요한 DB 요청 감소Open WebUI의 여러 관리 페이지와 검색 기능에서 키 입력마다 발생하던 DB 쿼리를 200~300ms 디바운스로 묶어 백엔드 부하를 줄인 최적화를 분석합니다.#Open WebUI#Svelte#Performance#Debounce#Database#UX2026년 1월 27일댓글 수 로딩 중
[Open WebUI] Knowledge 페이지 로딩 속도 개선: 중복 API 호출 제거Knowledge 페이지에서 항상 null이 아닌 knowledges 목록을 검증하기 위해 수행하던 불필요한 API 호출을 제거하여 페이지 로딩 속도를 개선한 PR을 분석합니다.#Open WebUI#Performance#Svelte#Page Loading#API Optimization2025년 10월 5일댓글 수 로딩 중