AI Briefing#frontend-performance
#frontend-performance와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
#frontend-performance와 관련된 AI·개발 뉴스를 최신순으로 모았습니다. 원문 출처와 한국어 요약을 함께 확인할 수 있습니다.
Modern Web Guidance 1.0이 크로스 브라우저 지원과 에이전트 연동을 추가해 출시했다.
SK플래닛이 Chat DIC에 SSE 스트리밍, Buffer 처리, Windowing 기법을 적용해 대화형 LLM 서비스의 프런트엔드 성능을 개선했다.
가상 스크롤, 비제어 컴포넌트, Message Queue batching 등을 적용해 Lighthouse 점수를 70점대에서 90점대로 개선했다.
카카오 FE 플랫폼 팀이 이미지 지연 로드와 Windowing 기법을 적용해 주문하기 서비스의 성능 점수를 20점에서 90점으로 개선했다.
FCP 0.4초, LCP 0.6초 단축 및 CLS 0.097 달성으로 사용자 경험 개선
Next.js 파일 시스템 방식 차용해 컴포넌트 지연 로딩 적용, 초기 파일 크기 약 100KB 감소
카카오웹툰이 SSR 캐싱 적용으로 TPS와 응답 시간을 수십 배 개선하고, 로딩 시머와 패시브 이벤트 리스너 등을 통해 사용자 경험을 향상한 프론트엔드 최적화 사례를 공개했다.
웹 사진 편집기 '포토스'의 성능 개선을 위해 OffscreenCanvas와 Web Worker를 도입한 경험과 데모 검증 결과, 발생 이슈 및 브라우저 지원 현황을 공유한다.
카카오톡 업데이트 주기 제약으로 웹앱 전환, Webpack Lazy Loading으로 초기 로딩 최적화