01
빌드 결과를 게시하세요
정적 사이트는 HTML, 스타일, 스크립트 및 이미지를 제공합니다. 소스는 프레임워크나 생성기를 사용할 수 있지만, 방문자는 생성된 파일을 받게 됩니다. 출력 디렉토리를 명확하게 유지하고 게시하기 전에 확인하세요. 읽기 쉬운 URL과 개별 기사로의 직접 링크를 사용하세요.
02
첫 방문을 위해 디자인하기
읽을 수 있는 HTML은 선택적 상호작용보다 먼저 도착해야 합니다. 이미지에 크기를 지정하고, 큰 파일은 압축하며, 첫 화면에 영향을 주지 않는 스크립트는 지연시킵니다. 키보드와 좁은 뷰포트로 테스트하세요. 의미 있는 제목, 눈에 띄는 포커스, 설명적인 링크는 여러 장치에서 방문자에게 도움이 됩니다.
03
캐싱을 일관되게 유지하세요
버전이 지정된 자산 이름은 브라우저가 변경되지 않은 파일을 유지하면서 새로운 페이지가 새로운 빌드를 참조할 수 있게 해줍니다. HTML은 방문자를 현재 자산과 연결하기 때문에 다른 캐싱 전략이 필요합니다. 이미 열린 페이지를 위해 이전 버전의 파일을 이용 가능하게 유지하세요. 양식은 데이터를 제출하도록 설계되었다면 신중한 처리 서비스가 필요합니다.