성능 최적화 심화
프론트엔드 예산 — 상한을 정하고 지키는 법
페이지는 한 번에 무거워지지 않습니다. 각각 합리적인 작은 추가가 쌓여 무거워집니다. 상한을 정하고 재는 절차가 그 누적을 끊습니다.
Technote
성능 최적화
캐시 · Redis · Core Web Vitals · 이미지 최적화 · 쿼리 튜닝. 워드프레스를 빠르게 만드는 모든 실측 기반 노하우를 다룹니다.
글 47편· 성능 최적화
성능 최적화 심화
전환 감사 — 유입부터 완료까지 새는 곳 찾기
아무도 도달하지 않는 페이지를 다듬는 일이 가장 흔한 낭비입니다. 경로 전체를 처음부터 끝까지 걸어 보면 어디서 새는지 먼저 보입니다.
성능 최적화 실무
팝업의 대가 — 검색과 전환에 동시에 걸립니다
모바일에서 본문을 가리는 팝업은 검색 평가에서 불리하게 작용하고, 같은 팝업이 전환에서도 비용을 만듭니다. 조절할 수 있는 것은 타이밍 · 트리거 · 닫기 세 가지입니다.
성능 최적화 심화
API 응답 캐시 — 어느 계층에 두고 어떻게 무효화하나
캐시를 넣는 것은 쉽습니다. 어려운 것은 언제 버릴지 아는 일이고, 그 판단을 잘못하면 결제 상태가 갱신되지 않는 사고까지 이어집니다.
성능 최적화 실무
마케터가 직접 확인하는 랜딩 페이지 속도
개발자에게 "빠르게 해 주세요" 라고 요청하면 무엇을 해야 할지 정해지지 않습니다. 이미지 · 서드파티 스크립트 · 폰트 · 히어로 이미지 네 가지는 마케터가 직접 확인해 항목으로 넘길 수…
성능 최적화 심화
autoload 옵션 — 모든 요청에 실리는 데이터 찾기
autoload 로 표시된 옵션은 요청마다 한 번에 읽혀 역직렬화됩니다. 큰 값 하나가 사이트 전체에 조용히 세금을 매기는 구조입니다.
성능 최적화 심화
부모 테마 자산 걷어내기 — 절차와 뒤따르는 책임
쓰지 않는 스크립트를 내리는 것은 가능합니다. 다만 그 자산에 기대던 기능의 책임이 함께 넘어오므로, 무엇이 실제로 깨지는지 확인하는 절차가 필요합니다.
성능 최적화 실무
Core Web Vitals 를 마케터의 말로 옮기면
세 지표는 각각 한 문장으로 옮겨집니다. 언제 보이나, 읽는 중에 흔들리나, 눌렀을 때 반응하나 — 이 말로 옮기면 무엇을 요청할지가 보입니다.
성능 최적화 실무
트랜지언트 — 캐시를 만들면 무효화가 내 책임이 됩니다
저장은 세 줄이면 됩니다. 어려운 것은 언제 지울 것인가이고, 지워야 할 사건은 최소 두 가지입니다. 하나만 놓쳐도 증상이 갈립니다.
성능 최적화 실무
태그 하나가 더하는 밀리초는 누가 냅니까
추적 스크립트는 내려받고 끝나지 않습니다. 파싱과 실행이 메인 스레드를 점유하는 동안 페이지는 손가락에 반응하지 않습니다. 그 비용은 직접 잴 수 있습니다.
성능 최적화 실무
워드프레스 Redis 오브젝트 캐시 — 적용 전에 알아야 할 것과 실측 결과
워드프레스가 느린 원인의 상당수는 페이지를 만들 때마다 같은 데이터베이스 쿼리를 반복하는 데 있습니다. Redis 오브젝트 캐시는 이 반복 쿼리를 메모리에서 꺼내 쓰게 만들어, 특히 관리자…
성능 최적화 심화
Redis 오브젝트 캐시 적중률을 읽는 법 — 90%가 항상 좋은 것은 아니다
적중률 숫자 하나만 보고 캐시가 잘 돌고 있다고 판단하면, 정작 느린 화면은 그대로 남습니다. 어떤 키가 몇 번 조회되는지까지 내려가 봐야 병목이 보입니다.