ForHosting KIT · Lettura e monitoraggio di siti web

Generi un tag preload per font, CSS, script e immagini

Generi un link di precaricamento pronto da incollare senza dover ricordare la relazione tra file, destinazione HTML e comportamento tra origini.

● BetaGratis · nel tuo browser

Esegui gratis nel browser Vedi l'API

Usalo da WebAPIEmailTelegramApp presto

Inserisca un URL assoluto o relativo e scelga font, stile, script o immagine. Il risultato usa l’attributo as corretto, protegge l’URL nell’attributo HTML e aggiunge il caricamento anonimo per i font. Un tipo sconosciuto restituisce un errore esplicito.

Scelga la risorsa che merita una richiesta anticipata

Preload è un suggerimento mirato sulle prestazioni, non un ordine di scaricare tutto in anticipo. Lo usi per una risorsa necessaria a breve ma scoperta tardi dal browser: un font principale dichiarato nel CSS, un’immagine hero, un foglio critico o uno script iniziale. Inserisca l’URL esatto, inclusi percorso, query o impronta. Sono validi URL assoluti, relativi al protocollo, alla radice o al documento. Il generatore conserva il valore e codifica i caratteri speciali HTML. Selezioni il tipo secondo l’uso reale: font, style, script o image. L’output è un elemento link completo per l’intestazione.

Comprenda gli attributi as e crossorigin

L’attributo as comunica al browser la destinazione della risposta precaricata, influenzando priorità, sicurezza e riuso. Ogni tipo viene associato direttamente alla destinazione standard. I font ricevono crossorigin="anonymous" perché le loro richieste usano CORS, spesso anche sulla stessa origine. Senza questo attributo il browser potrebbe scaricare il file una seconda volta. Gli altri tipi non ricevono crossorigin automaticamente, poiché la modalità corretta dipende dalla richiesta successiva. Il generatore non inventa type, media, imagesrcset, integrity o fetchpriority: i due campi forniti non bastano per determinarli in modo affidabile.

Posizioni il tag e verifichi il riuso

Inserisca il link presto nell’intestazione, prima del CSS o dello script che altrimenti rivelerebbe la risorsa. Mantenga href identico alla richiesta successiva: differenze di host, percorso, query, reindirizzamento o CORS possono impedire il riuso. Controlli quindi un caricamento pulito negli strumenti del browser. La risorsa dovrebbe essere richiesta una sola volta e consumata presto. Esamini gli avvisi di preload inutilizzato, che spesso indicano un URL incoerente o un file non necessario all’avvio. Troppi suggerimenti competono con i download critici. Tratti ogni tag come un’ipotesi da misurare.

Casi d'uso

Precaricare il font principale

Crei il preload con la modalità anonima necessaria per riutilizzare il font.

Dare priorità a un’immagine hero

Generi il preload di un URL stabile essenziale per la prima schermata.

Preparare l’HTML di distribuzione

Produca markup deterministico per CSS o script versionati nella pipeline di rilascio.

Domande frequenti

Quali tipi sono supportati?

Sono accettati font, style, script e image; ogni altro valore genera un errore.

Perché i font includono crossorigin?

Le richieste dei font usano CORS; la stessa modalità consente di riutilizzare il preload.

L’URL può essere relativo?

Sì. Sono accettati URL assoluti e relativi al protocollo, alla radice o al documento.

Il generatore verifica se la risorsa esiste?

No. Non usa la rete: convalida e codifica il testo, poi crea markup deterministico.

Preload garantisce un rendering più rapido?

No. Cambia scoperta e priorità; misuri la pagina, perché un preload inutile può peggiorarla.

Quanto costa la richiesta API?

Il prezzo base è $0.002 per elemento generato. Il browser può eseguire localmente la stessa logica.

Per sviluppatori — accesso via API

Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.

Endpoint

POSThttps://api.kit.forhosting.com/web/preload-link-generate

Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.

Chiamala dal tuo stack

curl -X POST https://api.kit.forhosting.com/web/preload-link-generate \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"url":"/assets/site.woff2","type":"font"}'

const res = await fetch("https://api.kit.forhosting.com/web/preload-link-generate", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "url": "/assets/site.woff2",
    "type": "font"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/preload-link-generate",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "url": "/assets/site.woff2",
    "type": "font"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/preload-link-generate", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"url":"/assets/site.woff2","type":"font"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"url":"/assets/site.woff2","type":"font"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/preload-link-generate", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Esempio di richiesta

{
  "url": "/assets/site.woff2",
  "type": "font"
}

Esempio di risposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.preload_link_generate",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.

Prezzi

per richiesta$0.002

Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.

Limiti

`timeout_sec`	30
`max_crawl_pages`	25

Errori

HTTP	Codice	Significato
`401`	`unauthorized`	Chiave API mancante o non valida: controlla l'header Authorization.
`402`	`insufficient_balance`	Credito esaurito: ricarica per continuare a eseguire attività.
`404`	`unknown_type`	Tipo di attività sconosciuto: controlla il campo type della richiesta.
`429`	`rate_limited`	Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo.

Leggi la documentazione completa del KIT →