본문으로 건너뛰기
Tech Blog

태그

#브라우저

13개의 글

쿠키는 왜 매 요청마다 따라다닐까

HTTP 가 망각하기로 한 자리에 쿠키가 자동으로 따라붙는 이유예요

8분
네트워크HTTP쿠키브라우저보안

두 stale-while-revalidate 의 자리

응답 헤더의 SWR 과 Service Worker 의 SWR 패턴이 헷갈렸다면 두 자리부터 나눠보세요

10분
성능브라우저캐싱Service WorkerHTTP

Service Worker 는 네트워크 프록시예요

같은 워커 이름인데 둘은 사는 곳이 달랐거든요.

13분
Service WorkerPWA브라우저네트워크캐시

이미지 포맷, 무엇을 언제 쓸까

사진 한 장에 .avif, .webp, .jpg를 함께 두라는 가이드, 정말 필요할까요?

9분
이미지성능HTML브라우저

meta 태그는 모드 4개로 끝나요

head에 들어갈 meta 태그가 매번 헷갈렸어요. 모드 4개로 보면 정리돼요.

12분
HTML브라우저SEOOpen Graph

link 태그 어디까지 활용하시나요?

preload 만 거는데 LCP 가 그대로면, 5종이 자리를 잘못 잡은 거예요.

14분
성능브라우저HTML

preload 와 그 형제들

preload, prefetch, modulepreload 가 비슷해 보이지만 처리 시점이 정말 달라요.

11분
성능브라우저HTML

data URL은 언제 이득이고 언제 손해일까

아이콘을 매번 요청하는 게 아까워서 인라인했는데, CSS 파일이 더 커졌어요.

9분
브라우저성능CSS보안

offsetWidth 한 줄이 프레임을 훔칠 때

offsetWidth를 읽는 순간 브라우저가 멈춰요. 이 문제를 확인해봐요.

9분
성능DOM렌더링브라우저

Promise가 setTimeout보다 먼저인 이유

Promise 가 setTimeout 보다 먼저인 데는 큐가 두 개라서요.

8분
CS프론트엔드JavaScript이벤트 루프브라우저

한 줄로 모두 보내는 HTTP/2

여섯 개에서 멈추는 요청부터, 매일 짜는 코드 한 줄 뒤를 봐요.

8분
CS프론트엔드네트워크HTTP브라우저

메인 스레드가 멈추면 클릭도 멈춰요

정렬 한 줄에 클릭이 멈춰요. 메인 스레드가 한 가닥이거든요.

8분
CS프론트엔드Web Worker동시성성능브라우저

브라우저는 어떻게 화면을 그릴까

HTML을 받은 브라우저는 바이트 덩어리부터 픽셀까지 여섯 단계를 거쳐요.

12분
브라우저렌더링성능