6개 문서가 "성능 최적화" 태그에 분류되었습니다

느린 화면을 재고 고친 기록입니다. 렌더링 비용과 서드파티 스크립트, 메인 스레드 점유를 다룹니다.

DocumentFragment는 언제 쓰면 좋을까요?

DocumentFragment로 여러 DOM 노드를 조립하고 문서에 삽입하는 방법을 설명합니다. 일반 요소를 사용하는 방식과 비교하고, 성능 측정 결과를 해석할 때의 주의점도 짚습니다.

Web Worker로 무거운 연산을 옮기고 작업과 취소를 관리하는 방법을 설명합니다. 탭 간 통신, Service Worker의 생명 주기, 캐시와 업데이트 설계도 함께 다룹니다.

GA·Meta Pixel의 초기화가 늦어 이벤트가 유실되는 원인을 설명합니다. 스크립트 실행 시점을 짚고, FIFO 큐·청크 분리와 캐싱·next/script·Web Worker의 적용 조건을 비교합니다.

누구든지 10초 안에 무난한 블로그 아티클 썸네일을 만들 수 있습니다. 당신은 개발과 글쓰기에만 집중하세요. 나의 첫 토이 프로젝트 개발기

Next.js 기반의 서버 사이드 라우팅 최적화와 유저 행동 분석을 통해 웹 퍼포먼스를 개선하고 전환율을 높인 사례를 소개합니다. 트래픽 분기 최적화, Heatmap & Scrollmap 분석을 활용한 UI 개선 과정을 다룹니다.

JavaScript에서 Map과 Object를 비교하고, 어떤 상황에서 Map을 사용하는 것이 더 유리한지 벤치마크 테스트와 함께 알아봅니다.