preload 링크 생성기
폰트, 이미지, 스크립트, 스타일시트용 preload link 태그를 옵션별로 생성합니다.
이 도구에 대해
중요 폰트, 히어로 이미지, 초기 CSS처럼 먼저 받아야 하는 리소스의 preload 태그를 만듭니다.
as, MIME 타입, crossorigin, fetchpriority 값을 함께 조합해 실수하기 쉬운 속성을 점검합니다.
결과
사용 방법
- 1
필요한 값을 입력하거나 텍스트를 붙여넣습니다.
- 2
옵션이나 단위를 원하는 방식으로 조정합니다.
- 3
표시된 결과를 확인하고 필요한 곳에 복사해 사용합니다.
기능
즉시 결과
값을 입력하면 결과가 브라우저에서 바로 업데이트됩니다.
브라우저 처리
입력값은 서버로 업로드하지 않고 기기 안에서 처리됩니다.
간단한 입력
반복 사용에 맞춘 명확한 입력 필드와 출력값을 제공합니다.
무료 사용
가입이나 설치 없이 바로 사용할 수 있습니다.
주요 사용 사례
- ›웹 폰트 preload 태그에 crossorigin과 type을 정확히 넣습니다.
- ›LCP 이미지나 핵심 스타일시트의 우선순위 힌트를 생성합니다.
- ›성능 튜닝 문서나 코드 리뷰에 넣을 태그를 빠르게 만듭니다.