느린 페이지를 피하기 위해 확인할 것들

페이지 속도는 숫자 하나로 설명되지 않는다. 첫 문장이 빨리 보이는지, 스크롤할 때 화면이 갑자기 움직이지 않는지, 링크를 누른 뒤 다음 문서가 자연스럽게 열리는지가 함께 작동한다.

기본 점검표

항목	확인할 내용
HTML	본문과 navigation이 JavaScript 없이 보이는가
이미지	실제 표시 크기에 맞는 파일을 내려받는가
영상	사용자가 누르기 전에 player를 만들지 않는가
글꼴	외부 font 요청 때문에 본문이 늦게 나타나지 않는가

측정 도구는 문제를 찾는 데 유용하지만, 긴 글을 직접 읽어 보는 과정도 필요하다. 특히 모바일에서는 작은 layout shift가 반복될 때 수치보다 더 크게 느껴질 수 있다.

content first
static HTML
media on demand

구현 단계에서는 이 세 줄을 유지하면서 각 기능이 정말 필요한 비용만 추가하는지 확인한다.

이 글은 화면 검토를 위한 임시 preview fixture이며 최종 게시물이 아니다.