#561 · Herramienta para desarrolladores

DNS Prefetch Tag Generator

Genera etiquetas DNS prefetch para los hosts externos que una página consulta antes de necesitarlos. La salida normaliza dominios y URLs, elimina duplicados y crea una etiqueta por host válido, lista para pegar en el .

Datos de entrada

Hosts o URLs, uno por línea
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega dominios, hosts o URLs completos, uno por línea.
  2. Elige si prefieres href con // o con https://.
  3. Pulsa Generar etiquetas y revisa los hosts deduplicados.
  4. Copia el bloque resultante dentro del <head> del documento.

Qué hace esta herramienta para desarrolladores

Extrae únicamente el hostname de cada entrada válida y genera hints DNS sin repetir el mismo destino.

No descarga recursos ni comprueba si el host responde; trabaja exclusivamente con la sintaxis de las entradas.

dns-prefetch solo anticipa la resolución DNS. Para conexiones críticas puede ser más apropiado evaluar preconnect.

Ejemplo

Entrada: https://cdn.example.com/app.js cdn.example.com Salida: <link rel="dns-prefetch" href="//cdn.example.com">

Casos de uso

  • Preparar hints para CDN, fuentes o APIs externas.
  • Eliminar duplicados antes de editar plantillas HTML.
  • Revisar una lista de dependencias de terceros por hostname.

Consejos para obtener resultados fiables

  • Incluye solo hosts que realmente usa la página.
  • Evita añadir decenas de hints sin beneficio medible.
  • No confundas dns-prefetch con preload.
  • Comprueba el impacto con herramientas de rendimiento del navegador.

Detalles del procesamiento

Cada línea se interpreta con URL(), añadiendo https:// solo para poder analizar entradas sin esquema. Después se conserva hostname en minúsculas y se deduplica.

No verifica DNS real, disponibilidad, latencia ni política CSP del sitio.

Preguntas frecuentes

¿Puedo pegar una URL completa en lugar de solo el dominio?

Sí. Se extrae el hostname y se ignoran la ruta, los parámetros y el fragmento.

¿Qué diferencia hay entre dns-prefetch y preconnect?

dns-prefetch adelanta la resolución DNS; preconnect puede adelantar además la conexión TCP y TLS.

¿La herramienta comprueba que el dominio exista?

No. La validación es sintáctica y no realiza consultas DNS ni peticiones de red.

¿Se generan etiquetas repetidas si uso varias URLs del mismo CDN?

No. Los hosts se normalizan y se eliminan duplicados antes de generar la salida.

¿Es válido usar //host en el atributo href?

Sí para dns-prefetch. También puedes elegir la variante explícita https://host desde el selector.

Resumen del módulo

ElementoValor
Número561
CategoríaMetadatos web y archivos de servidor
Procesamiento100 % en el navegador

Explora Metadatos web y archivos de servidor

Consulta más utilidades de esta categoría para trabajar con configuraciones, formatos y diagnósticos relacionados.

Ver categoría