리소스 힌트 생성기
dns-prefetch, preconnect, prefetch, preload, modulepreload 링크 태그를 URL 목록에서 생성합니다.
이 도구에 대해
외부 폰트, CDN, API 엔드포인트에 필요한 리소스 힌트 태그를 한 번에 생성합니다.
초기 렌더링에 필요한 연결 준비와 리소스 우선순위를 빠르게 실험할 수 있습니다.
결과
사용 방법
- 1
필요한 값을 입력하거나 텍스트를 붙여넣습니다.
- 2
옵션이나 단위를 원하는 방식으로 조정합니다.
- 3
표시된 결과를 확인하고 필요한 곳에 복사해 사용합니다.
기능
즉시 결과
값을 입력하면 결과가 브라우저에서 바로 업데이트됩니다.
브라우저 처리
입력값은 서버로 업로드하지 않고 기기 안에서 처리됩니다.
간단한 입력
반복 사용에 맞춘 명확한 입력 필드와 출력값을 제공합니다.
무료 사용
가입이나 설치 없이 바로 사용할 수 있습니다.
주요 사용 사례
- ›폰트 CDN이나 이미지 CDN에 preconnect 태그를 추가합니다.
- ›여러 URL에 같은 리소스 힌트를 일괄 적용합니다.
- ›성능 개선 PR에 넣을 link 태그를 빠르게 준비합니다.