{"id":30281,"date":"2019-10-31T21:34:39","date_gmt":"2019-10-31T18:34:39","guid":{"rendered":"https:\/\/prohoster.info\/blog\/preload-prefetch-i-drugie-tegi\/"},"modified":"2019-10-31T21:34:39","modified_gmt":"2019-10-31T18:34:39","slug":"preload-prefetch-i-drugie-tegi","status":"publish","type":"post","link":"https:\/\/prohoster.info\/it\/blog\/preload-prefetch-i-drugie-tegi","title":{"rendered":"Preload, prefetch e altri tag","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>S\u00ec <noindex><a rel=\"nofollow\" href=\"http:\/\/3perf.com\/talks\/web-perf-101\">molti modi per migliorare le prestazioni web<\/a><\/noindex>. Uno di questi \u00e8 il pre-caricamento del contenuto necessario in seguito. Prefetching CSS, rendering preventivo di un'intera pagina o risoluzione del nome di dominio. Facciamo tutto in anticipo e poi mostriamo il risultato istantaneamente! Sembra fantastico.<\/p>\n<p>Ancor pi\u00f9 interessante, \u00e8 che \u00e8 molto semplice da implementare. Cinque tag  danno istruzioni al browser per le azioni preventive:<\/p>\n<pre><code class=\"xml\"><\/code><\/pre>\n<p><noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nUn breve riepilogo di cosa fanno e quando usarli.<\/p>\n<p>Vai a: <noindex><a rel=\"nofollow\" href=\"#preload\">preload<\/a><\/noindex> \u00b7 <noindex><a rel=\"nofollow\" href=\"#prefetch\">prefetch<\/a><\/noindex> \u00b7 <noindex><a rel=\"nofollow\" href=\"#preconnect\">preconnect<\/a><\/noindex> \u00b7 <noindex><a rel=\"nofollow\" href=\"#dns-prefetch\">dns-prefetch<\/a><\/noindex> \u00b7 <noindex><a rel=\"nofollow\" href=\"#prerender\">prerender<\/a><\/noindex><\/p>\n<p><noindex><a rel=\"nofollow\" name=\"preload\"><\/a><\/noindex><\/p>\n<h1>preload<\/h1>\n<p>\n<code>&lt;link rel= \"preload\"&gt;<\/code> informa il browser di caricare e memorizzare nella cache il pi\u00f9 presto possibile una risorsa (come uno script o un foglio di stile). Questo \u00e8 utile quando la risorsa sar\u00e0 necessaria pochi secondi dopo il caricamento della pagina e si desidera accelerare il processo.<\/p>\n<p>Il browser non agisce sulla risorsa dopo il caricamento. Gli script non vengono eseguiti, i fogli di stile non vengono applicati. La risorsa viene semplicemente memorizzata nella cache e fornita immediatamente su richiesta.<\/p>\n<h3>Sintassi<\/h3>\n<p><\/p>\n<pre><code class=\"xml\">&lt;link rel=\"preload\" href=\"\/style.css\" as=\"style\" \/&gt;<\/code><\/pre>\n<p>\n<code>href<\/code> indica la risorsa che vuoi scaricare.<\/p>\n<p><code> come<\/code> pu\u00f2 essere qualsiasi cosa che pu\u00f2 essere scaricata nel browser:<\/p>\n<ul>\n<li><code>style<\/code> per i fogli di stile,\n<\/li>\n<li><code>script<\/code> per gli script,\n<\/li>\n<li><code>font<\/code> per i caratteri,\n<\/li>\n<li><code>fetch<\/code> per le risorse caricate tramite <code>fetch()<\/code> o <code>XMLHttpRequest<\/code>,\n<\/li>\n<li>elenco completo vedi <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Preloading_content#What_types_of_content_can_be_preloaded\">su MDN<\/a><\/noindex>.<\/li>\n<\/ul>\n<p>\n\u00c8 importante specificare l'attributo <code>come<\/code> \u2014 questo aiuta il browser a stabilire correttamente le priorit\u00e0 e pianificare il caricamento.<\/p>\n<h3>Quando utilizzare<\/h3>\n<p>\nUsa il preload quando la risorsa sar\u00e0 necessaria a breve. Ad esempio:<\/p>\n<ul>\n<li>Caratteri personalizzati da un file esterno:\n<pre><code class=\"xml\"><!-- index.html -->\n\n\/* index.css *\/\n@font-face {\n  src: url('comic-sans.woff2') format('woff2');\n}<\/code><\/pre>\n<p>\nDi default <code>comic-sans.woff2<\/code> inizier\u00e0 a essere caricato solo dopo il caricamento e l'analisi <code>index.css<\/code>. Per non aspettare cos\u00ec a lungo, puoi caricare il carattere in anticipo utilizzando <code>&lt;link rel= \"preload\"&gt;<\/code>:<\/p>\n<pre><code class=\"xml\">&lt;link rel=\"preload\" href=\"comic-sans.woff2\" as=\"font\" \/&gt;<\/code><\/pre>\n<\/li>\n<li>Se dividi i tuoi stili secondo l'approccio <noindex><a rel=\"nofollow\" href=\"https:\/\/3perf.com\/talks\/web-perf-101\/#css-block-rendering-1\">Critical CSS<\/a><\/noindex> in due parti, critica (per il rendering immediato) e non critica:\n<pre><code class=\"xml\">\/* Inlined critical styles *\/<\/code><\/pre>\n<p>\nCon questo approccio, gli stili non critici inizieranno a essere scaricati solo quando il JavaScript verr\u00e0 eseguito, il che pu\u00f2 avvenire alcuni secondi dopo il rendering. Invece di aspettare il JS, usa <code>&lt;link rel= \"preload\"&gt;<\/code>, per iniziare il caricamento in anticipo:<\/p>\n<pre><code class=\"xml\">\/* Inlined critical styles *\/<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>\n<b>Non abusare del preload<\/b>. Se carichi tutto senza criterio, il sito non si snellir\u00e0 magicamente; al contrario, questo impedir\u00e0 al browser di pianificare correttamente il lavoro.<\/p>\n<p><b> Non confondere con il prefetching<\/b>. Non usare <code>&lt;link rel= \"preload\"&gt;<\/code>, se non hai bisogno di quella risorsa subito dopo il caricamento della pagina. Se sar\u00e0 necessaria pi\u00f9 tardi, ad esempio, per la pagina successiva, utilizza <code>&lt;link rel= \"prefetch\"&gt;<\/code>.<\/p>\n<h3>Dettagli<\/h3>\n<p>\n<b>Questo \u00e8 un tag obbligatorio<\/b> per l'esecuzione da parte del browser (se supportato), a differenza di tutti gli altri tag  correlati al caricamento preventivo. Il browser \u00e8 obbligato a caricare la risorsa specificata in <code>&lt;link rel=\"preload\"&gt;<\/code>. In altri casi pu\u00f2 ignorare il preload, ad esempio se \u00e8 su una connessione lenta.<\/p>\n<p><b>Priorit\u00e0<\/b>. I browser solitamente assegnano priorit\u00e0 diverse a risorse diverse (stili, script, caratteri, ecc.) per caricare prima le risorse pi\u00f9 importanti. In questo caso, il browser determina la priorit\u00e0 in base all'attributo <code>come<\/code>. Per il browser Chrome puoi vedere <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.google.com\/document\/d\/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc\/edit#\">la tabella completa delle priorit\u00e0<\/a><\/noindex>.<\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/habrastorage.org\/webt\/i2\/bf\/vi\/i2bfvijtqhb3wt6cnkcskwc55ew.png\"><img decoding=\"async\" alt=\"Preload, prefetch e altri tag\" src=\"\/wp-content\/uploads\/2019\/03\/3d66bce7749d647e16d842958f56ff3c.png\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><\/p>\n<p><noindex><a rel=\"nofollow\" name=\"prefetch\"><\/a><\/noindex><\/p>\n<h1>prefetch<\/h1>\n<p>\n<code>&lt;link rel= \"prefetch\"&gt;<\/code> chiede al browser di caricare e memorizzare nella cache una risorsa (ad esempio, uno script o un foglio di stile) in background. Il caricamento avviene con priorit\u00e0 bassa, quindi non interferisce con le risorse pi\u00f9 importanti. Questo \u00e8 utile se la risorsa sar\u00e0 necessaria nella pagina successiva e si desidera memorizzarla in anticipo.<\/p>\n<p>Anche qui, il browser non fa nulla con la risorsa dopo il caricamento. Gli script non vengono eseguiti, i fogli di stile non vengono applicati. La risorsa viene semplicemente memorizzata nella cache e fornita immediatamente su richiesta.<\/p>\n<h3>Sintassi<\/h3>\n<p><\/p>\n<pre><code class=\"xml\">&lt;link rel=\"prefetch\" href=\"\/style.css\" as=\"style\" \/&gt;<\/code><\/pre>\n<p>\n<code>href<\/code> indica la risorsa che vuoi scaricare.<\/p>\n<p><code> come<\/code> pu\u00f2 essere qualsiasi cosa che pu\u00f2 essere scaricata nel browser:<\/p>\n<ul>\n<li><code>style<\/code> per i fogli di stile,\n<\/li>\n<li><code>script<\/code> per gli script,\n<\/li>\n<li><code>font<\/code> per i caratteri,\n<\/li>\n<li><code>fetch<\/code> per le risorse caricate tramite <code>fetch()<\/code> o <code>XMLHttpRequest<\/code>,\n<\/li>\n<li>elenco completo vedi <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Preloading_content#What_types_of_content_can_be_preloaded\">su MDN<\/a><\/noindex>.<\/li>\n<\/ul>\n<p>\n\u00c8 importante specificare l'attributo <code>come<\/code>\u00a0\u2014 questo aiuta il browser a stabilire correttamente le priorit\u00e0 e pianificare il caricamento.<\/p>\n<h3>Quando utilizzare<\/h3>\n<p>\n<b>Per il caricamento delle risorse da altre pagine<\/b>, se hai bisogno di una risorsa da un'altra pagina e vuoi pre-caricarla per accelerare il rendering di quella pagina. Ad esempio:<\/p>\n<ul>\n<li>Hai un negozio online e il 40% degli utenti passa dalla homepage alla pagina del prodotto. Usa <code>&lt;link rel= \"prefetch\"&gt;<\/code>, caricando i file CSS e JS per il rendering delle pagine con il prodotto.\n<\/li>\n<li>Hai un'applicazione a pagina singola e diverse pagine caricano pacchetti differenti. Quando un utente visita una pagina, \u00e8 possibile pre-caricare i pacchetti per tutte le pagine a cui essa fa riferimento.<\/li>\n<\/ul>\n<p>\n<b>Probabilmente questo tag pu\u00f2 essere utilizzato in modo sicuro in qualsiasi quantit\u00e0<\/b>. I browser di solito pianificano il prefetch con la priorit\u00e0 pi\u00f9 bassa, quindi non infastidisce nessuno. Tieni solo presente che si consuma traffico dell'utente, che potrebbe avere un costo.<\/p>\n<p><b>Non per richieste urgenti<\/b>. Non usare <code>&lt;link rel= \"prefetch\"&gt;<\/code>, quando una risorsa sar\u00e0 necessaria tra pochi secondi. In questo caso utilizza <code>&lt;link rel= \"preload\"&gt;<\/code>.<\/p>\n<h3>Dettagli<\/h3>\n<p>\n<b>Un tag facoltativo<\/b>. Il browser non \u00e8 obbligato a seguire questa istruzione e pu\u00f2 ignorarla, ad esempio, su una connessione lenta.<\/p>\n<p><b>Priorit\u00e0 in Chrome<\/b>. In Chrome <code>&lt;link rel= \"prefetch\"&gt;<\/code> di solito viene eseguito con priorit\u00e0 minima (vedi <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.google.com\/document\/d\/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc\/edit\">la tabella completa delle priorit\u00e0<\/a><\/noindex>), cio\u00e8 dopo aver caricato tutto il resto.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"preconnect\"><\/a><\/noindex><\/p>\n<h1>preconnect<\/h1>\n<p>\n<code>&lt;link rel= \"preconnect\"&gt;<\/code> richiede al browser di connettersi in anticipo a un dominio, quando si desidera velocizzare l'instaurazione della connessione in futuro.<\/p>\n<p>Il browser deve stabilire una connessione se estrae risorse da un nuovo dominio esterno. Ad esempio, se carica i font di Google Fonts, React da CDN o richiede una risposta JSON da un server API.<\/p>\n<p>Stabilire una nuova connessione richiede di solito qualche centinaio di millisecondi. Viene effettuata una sola volta, ma richiede comunque tempo. Se hai stabilito la connessione in anticipo, risparmierai tempo e caricherai pi\u00f9 rapidamente le risorse da questo dominio.<\/p>\n<h3>Sintassi<\/h3>\n<p><\/p>\n<pre><code class=\"xml\">&lt;link rel= \"preconnect\" href=\"https:\/\/api.my-app.com\" \/&gt;<\/code><\/pre>\n<p>\n<code>href<\/code> indica un nome di dominio per cui \u00e8 necessario risolvere l'indirizzo IP. Pu\u00f2 essere specificato con un prefisso (<code>https:\/\/domain.com<\/code>) o senza (<code>\/\/domain.com<\/code>).<\/p>\n<h3>Quando utilizzare<\/h3>\n<p>\n<b>Usa per i domini che verranno presto utilizzati<\/b> per caricare stili, script o immagini importanti da l\u00ec, ma non conosci ancora l'URL della risorsa. Ad esempio:<\/p>\n<ul>\n<li>La tua applicazione \u00e8 ospitata su <code>my-app.com<\/code> e fa richieste AJAX a <code>api.my-app.com<\/code>: non conosci in anticipo le richieste specifiche, poich\u00e9 vengono eseguite dinamicamente da JS. Qui \u00e8 assolutamente pertinente utilizzare il tag per il pre-connessione al dominio.\n<\/li>\n<li>La tua applicazione \u00e8 ospitata su <code>my-app.com<\/code> e utilizza i font di Google Fonts. Vengono caricati in due fasi: prima viene caricato il file CSS dal dominio <code>fonts.googleapis.com<\/code>, poi questo file richiede i font da <code>fonts.gstatic.com.<\/code>Non puoi sapere quali file font specifici di <code>fonts.gstatic.com.<\/code> ti serviranno finch\u00e9 non carichi il file CSS, quindi in anticipo possiamo solo stabilire una connessione preliminare.<\/li>\n<\/ul>\n<p>\n<b>Utilizza questo tag per velocizzare un po' uno script o uno stile di terze parti<\/b> grazie alla pre-impostazione della connessione.<\/p>\n<p><b>Non abusarne<\/b>. Stabilire e mantenere una connessione \u00e8 un'operazione costosa sia per il cliente che per il server. Utilizza questo tag al massimo per 4-6 domini.<\/p>\n<h3>Dettagli<\/h3>\n<p>\n<b>Un tag facoltativo<\/b>. Il browser non \u00e8 obbligato a seguire questa istruzione e pu\u00f2 ignorarla, ad esempio, se sono gi\u00e0 state stabilite molte connessioni o in un altro caso.<\/p>\n<p><b>Cosa include il processo di connessione<\/b>. Per connettersi a ciascun sito, il browser deve eseguire le seguenti operazioni:<\/p>\n<ul>\n<li><i>Risoluzione DNS<\/i>. Trovare l'indirizzo IP del server (<code>216.58.215.78<\/code>) per il nome di dominio specificato (<code>google.com<\/code>).<\/li>\n<li><i>Handshake TCP<\/i>. Scambio di pacchetti (client \u2192 server \u2192 client) per iniziare una connessione TCP con il server.<\/li>\n<li><i>Handshake TLS (solo per siti HTTPS)<\/i>. Due round di scambio pacchetti (client \u2192 server \u2192 client \u2192 server \u2192 client) per avviare una sessione TLS sicura.<\/li>\n<\/ul>\n<p>\nNota: HTTP\/3 migliorer\u00e0 e accelerer\u00e0 il meccanismo di handshake, ma \u00e8 ancora lontano.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"dns-prefetch\"><\/a><\/noindex><\/p>\n<h1>dns-prefetch<\/h1>\n<p>\n<code>&lt;link rel= \"dns-prefetch\"&gt;<\/code> chiede al browser di eseguire in anticipo la risoluzione DNS per un dominio, se stai per connetterti e desideri velocizzare la connessione iniziale.<\/p>\n<p>Il browser deve determinare l'indirizzo IP del dominio se estrarr\u00e0 risorse da un nuovo dominio esterno. Ad esempio, caricare font di Google Fonts, React da CDN o richiedere una risposta JSON da un server API.<\/p>\n<p>Per ogni nuovo dominio, la risoluzione del record DNS richiede di solito circa 20-120 ms. Questo influisce solo sul caricamento della prima risorsa da quel dominio, ma rappresenta comunque un ritardo. Se esegui la risoluzione DNS in anticipo, risparmieremo tempo e caricheremo la risorsa pi\u00f9 velocemente.<\/p>\n<h3>Sintassi<\/h3>\n<p><\/p>\n<pre><code class=\"xml\">&lt;link rel= \"dns-prefetch\" href=\"https:\/\/api.my-app.com\" \/&gt;<\/code><\/pre>\n<p>\n<code>href<\/code> indica un nome di dominio per cui \u00e8 necessario stabilire l'indirizzo IP. Pu\u00f2 essere specificato con un prefisso (<code>https:\/\/domain.com<\/code>) o senza (<code>\/\/domain.com<\/code>).<\/p>\n<h3>Quando utilizzare<\/h3>\n<p>\n<b>Usa per i domini che verranno presto utilizzati<\/b> per caricare risorse da l\u00ec di cui il browser non \u00e8 a conoscenza in anticipo. Ad esempio:<\/p>\n<ul>\n<li>La tua applicazione \u00e8 ospitata su <code>my-app.com<\/code> e fa richieste AJAX a <code>api.my-app.com<\/code>: non conosci in anticipo le richieste specifiche, poich\u00e9 vengono eseguite dinamicamente da JS. Qui \u00e8 assolutamente pertinente utilizzare il tag per il pre-connessione al dominio.\n<\/li>\n<li>La tua applicazione \u00e8 ospitata su <code>my-app.com<\/code>, e utilizza i font di Google Fonts. Viene caricato in due fasi: prima viene caricato un file CSS dal dominio <code>fonts.googleapis.com<\/code>, poi questo file richiede i font da <code>fonts.gstatic.com.<\/code>Non puoi sapere quali file font specifici di <code>fonts.gstatic.com.<\/code> ti serviranno, finch\u00e9 non carichi il file CSS, quindi in anticipo possiamo solo stabilire una connessione preliminare.<\/li>\n<\/ul>\n<p>\n<b>Utilizza questo tag per velocizzare un po' uno script o uno stile di terze parti<\/b> grazie alla pre-impostazione della connessione.<\/p>\n<blockquote><p>Nota le caratteristiche simili a <code>&lt;link rel= \"dns-prefetch\"\/&gt;<\/code> e <code>&lt;link rel= \"preconnect\"&gt;<\/code>. Utilizzarli insieme per un dominio di solito non ha senso: <code>&lt;link rel= \"preconnect\"&gt;<\/code> gi\u00e0 include <code>&lt;link rel= \"dns-prefetch\"\/&gt;<\/code> e altro ancora. Questo pu\u00f2 essere giustificato in due casi:<\/p>\n<ul>\n<li><i>Desideri supportare vecchi browser<\/i>. <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> supportata <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/#feat=link-rel-dns-prefetch\">a partire da IE10 e Safari 5<\/a><\/noindex>. <code>&lt;link rel= \"preconnect\"&gt;<\/code> \u00e8 stato supportato per un certo periodo in Chrome e Firefox, ma \u00e8 stato aggiunto in Safari solo nella versione 11.1 e <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/#feat=link-rel-preconnect\">non \u00e8 ancora supportato in IE\/Edge<\/a><\/noindex>. Se \u00e8 necessario supportare questi browser, utilizza <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> come alternativa per <code>&lt;link rel= \"preconnect\"&gt;<\/code>.<\/li>\n<li><i>Desideri accelerare la connessione a pi\u00f9 di 4-6 domini<\/i>. Questo tag <code>&lt;link rel= \"preconnect\"&gt;<\/code> non \u00e8 consigliato per pi\u00f9 di 4-6 domini, poich\u00e9 stabilire e mantenere una connessione \u00e8 un'operazione costosa. <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> richiede meno risorse, quindi in caso di necessit\u00e0 utilizzalo.<\/li>\n<\/ul>\n<\/blockquote>\n<p><\/p>\n<h3>Dettagli<\/h3>\n<p>\n<b>Un tag facoltativo<\/b>. Il browser non \u00e8 obbligato a seguire questa istruzione, quindi potrebbe non eseguire la risoluzione DNS, ad esempio, se ci sono molti di questi tag sulla pagina o in qualche altro caso.<\/p>\n<p><b>Che cos'\u00e8 il DNS<\/b>. Ogni server su internet ha un indirizzo IP unico, che appare come <code>216.58.215.78<\/code>. Nella barra degli indirizzi del browser si inserisce generalmente il nome del sito (ad esempio, <code>google.com<\/code>), e i server DNS (Domain Name System) lo abbinano all'indirizzo IP del server (<code>216.58.215.78<\/code>).<\/p>\n<p>Per determinare l'indirizzo IP, il browser deve effettuare una richiesta al server DNS. Questo richiede 20-120 ms quando ci si connette a un nuovo dominio esterno.<\/p>\n<p><b>Il DNS \u00e8 memorizzato nella cache, anche se non in modo molto affidabile<\/b>. Alcuni sistemi operativi e browser memorizzano nella cache le richieste DNS: questo fa risparmiare tempo nelle richieste successive, ma non ci si pu\u00f2 fare affidamento sulla cache. In Linux, generalmente non funziona affatto. Chrome ha una cache DNS, ma dura solo un minuto. Windows memorizza nella cache le risposte DNS per cinque giorni.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"prerender\"><\/a><\/noindex><\/p>\n<h1>prerender<\/h1>\n<p>\n<code>&lt;link rel= \"prerender\"&gt;<\/code> chiede al browser di caricare un URL e visualizzarlo in una scheda invisibile. Quando l'utente fa clic sul link, la pagina dovrebbe apparire immediatamente. Questo \u00e8 utile se sei sicuro che l'utente visiter\u00e0 una certa pagina e desideri accelerarne la visualizzazione.<\/p>\n<p>Nonostante l'eccezionale efficienza di questo tag (o proprio a causa di essa), nel 2019 <code>&lt;link rel= \"prerender\"&gt;<\/code> \u00e8 supportato male dai principali browser. Maggiori dettagli su. <noindex><a rel=\"nofollow\" href=\"#1\">pi\u00f9 in basso<\/a><\/noindex>.<\/p>\n<h3>Sintassi<\/h3>\n<p><\/p>\n<pre><code class=\"xml\">&lt;link rel=\"prerender\" href=\"https:\/\/my-app.com\/pricing\" \/&gt;<\/code><\/pre>\n<p>\n<code>href<\/code> indica l'URL che desideri pre-renderizzare in background.<\/p>\n<h3>Quando utilizzare<\/h3>\n<p>\n<b>Quando sei veramente sicuro che l'utente visiter\u00e0 una certa pagina<\/b>. Se hai un \"tunnel\" in cui il 70% dei visitatori della pagina A passa alla pagina B, <code>&lt;link rel= \"prerender\"&gt;<\/code> sulla pagina A aiuter\u00e0 a visualizzare molto rapidamente la pagina B.<\/p>\n<p><b>Non abusarne<\/b>. Il pre-rendering ha un costo molto elevato in termini di traffico e memoria. Non utilizzare <code>&lt;link rel= \"prerender\"&gt;<\/code> per pi\u00f9 di una pagina.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"1\"><\/a><\/noindex><\/p>\n<h3>Dettagli<\/h3>\n<p>\n<b>Un tag facoltativo<\/b>. Il browser non \u00e8 obbligato a seguire questa istruzione e pu\u00f2 ignorarla, ad esempio, su una connessione lenta o in caso di insufficiente memoria libera.<\/p>\n<p>Per risparmiare memoria <b>Chrome non esegue il rendering completo<\/b>, e <noindex><a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/07\/nostate-prefetch\">solo il pre-caricamento NoState<\/a><\/noindex>. Questo significa che Chrome carica la pagina e tutte le sue risorse, ma non esegue il rendering e non esegue JavaScript.<\/p>\n<p>Firefox e Safari non supportano affatto questo tag. Questo non viola la specifica, poich\u00e9 i browser non sono obbligati a seguire questa istruzione; ma \u00e8 comunque triste. <noindex><a rel=\"nofollow\" href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=730101\">Un bug di implementazione<\/a><\/noindex> in Firefox \u00e8 rimasto aperto per sette anni. Ci sono segnalazioni che anche Safari <noindex><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/bluesmoon\/status\/1108412360828563456\">non supporta questo tag.<\/a><\/noindex>.<\/p>\n<h1>Riepilogo<\/h1>\n<p>\nUsa:<\/p>\n<ul>\n<li><code>&lt;link rel= \"preload\"&gt;<\/code>\u00a0\u2014 quando hai bisogno di una risorsa entro pochi secondi\n<\/li>\n<li><code>&lt;link rel= \"prefetch\"&gt;<\/code>\u00a0\u2014 quando hai bisogno di una risorsa sulla pagina successiva\n<\/li>\n<li><code>&lt;link rel= \"preconnect\"&gt;<\/code>\u00a0\u2014 quando sai che avrai bisogno di una risorsa a breve, ma non conosci ancora il suo URL completo\n<\/li>\n<li><code>&lt;link rel= \"dns-prefetch\"&gt;<\/code>\u00a0\u2014 in modo simile, quando sai che avrai bisogno di una risorsa a breve, ma non conosci ancora il suo URL completo (per i vecchi browser)\n<\/li>\n<li><code>&lt;link rel= \"prerender\"&gt;<\/code>\u00a0\u2014 quando sei sicuro che gli utenti passeranno a una certa pagina e desideri accelerarne la visualizzazione<\/li>\n<\/ul>\n<p>Fonte: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/445264\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u0432\u0435\u0431-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445\u00a0\u2014 \u043f\u0440\u0435\u0434\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043f\u043e\u0437\u0436\u0435. \u041f\u0440\u0435\u0444\u0442\u0435\u0447\u0438\u043d\u0433 CSS, \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043f\u043e\u043b\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043c\u0435\u043d\u0438. \u0414\u0435\u043b\u0430\u0435\u043c \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u043d\u0435\u0435, \u0430 \u043f\u043e\u0442\u043e\u043c \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442! \u0417\u0432\u0443\u0447\u0438\u0442 \u043a\u0440\u0443\u0442\u043e. \u0415\u0449\u0451 \u043a\u0440\u0443\u0447\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e. \u041f\u044f\u0442\u044c \u0442\u0435\u0433\u043e\u0432 &lt;link rel&gt; \u0434\u0430\u044e\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0430 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f: &lt;link rel=&#187;prefetch&#187; href=&#187;\/style.css&#187; as=&#187;style&#187; \/&gt; [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-30281","post","type-post","status-publish","format-standard","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u0432\u0435\u0431-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445 \u2014 \u043f\u0440\u0435\u0434\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043f\u043e\u0437\u0436\u0435. \u041f\u0440\u0435\u0444\u0442\u0435\u0447\u0438\u043d\u0433 CSS, \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043f\u043e\u043b\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043c\u0435\u043d\u0438. \u0414\u0435\u043b\u0430\u0435\u043c \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u043d\u0435\u0435, \u0430 \u043f\u043e\u0442\u043e\u043c \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442! \u0417\u0432\u0443\u0447\u0438\u0442 \u043a\u0440\u0443\u0442\u043e. \u0415\u0449\u0451 \u043a\u0440\u0443\u0447\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e. \u041f\u044f\u0442\u044c \u0442\u0435\u0433\u043e\u0432 \u0434\u0430\u044e\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0430 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f:\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/it\/blog\/preload-prefetch-i-drugie-tegi\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"it_IT\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47Preload, prefetch \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0442\u0435\u0433\u0438 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u0432\u0435\u0431-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445 \u2014 \u043f\u0440\u0435\u0434\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043f\u043e\u0437\u0436\u0435. \u041f\u0440\u0435\u0444\u0442\u0435\u0447\u0438\u043d\u0433 CSS, \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043f\u043e\u043b\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043c\u0435\u043d\u0438. \u0414\u0435\u043b\u0430\u0435\u043c \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u043d\u0435\u0435, \u0430 \u043f\u043e\u0442\u043e\u043c \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442! \u0417\u0432\u0443\u0447\u0438\u0442 \u043a\u0440\u0443\u0442\u043e. \u0415\u0449\u0451 \u043a\u0440\u0443\u0447\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e. \u041f\u044f\u0442\u044c \u0442\u0435\u0433\u043e\u0432 \u0434\u0430\u044e\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0430 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f:\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/it\/blog\/preload-prefetch-i-drugie-tegi\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T18:34:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T18:34:39+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Preload, prefetch e altri tag | ProHoster","description":"Ci sono molti modi per migliorare le prestazioni web. Uno di questi \u00e8 pre-caricare il contenuto che sar\u00e0 necessario pi\u00f9 tardi. Prefetching CSS, pre-rendering di una pagina completa o risoluzione del nome di dominio. Facciamo tutto in anticipo e poi mostriamo il risultato immediatamente! Suona fantastico. Ancora meglio, \u00e8 molto semplice da implementare. Cinque tag danno al browser il comando per eseguire azioni preliminari:","canonical_url":"https:\/\/prohoster.info\/it\/blog\/preload-prefetch-i-drugie-tegi","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"it_IT","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47Preload, prefetch \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0442\u0435\u0433\u0438 | ProHoster","og:description":"\u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u0432\u0435\u0431-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445 \u2014 \u043f\u0440\u0435\u0434\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043f\u043e\u0437\u0436\u0435. \u041f\u0440\u0435\u0444\u0442\u0435\u0447\u0438\u043d\u0433 CSS, \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u043f\u043e\u043b\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u043d\u0433 \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043c\u0435\u043d\u0438. \u0414\u0435\u043b\u0430\u0435\u043c \u0432\u0441\u0451 \u0437\u0430\u0440\u0430\u043d\u0435\u0435, \u0430 \u043f\u043e\u0442\u043e\u043c \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442! \u0417\u0432\u0443\u0447\u0438\u0442 \u043a\u0440\u0443\u0442\u043e. \u0415\u0449\u0451 \u043a\u0440\u0443\u0447\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e. \u041f\u044f\u0442\u044c \u0442\u0435\u0433\u043e\u0432 \u0434\u0430\u044e\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0430 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f:","og:url":"https:\/\/prohoster.info\/it\/blog\/preload-prefetch-i-drugie-tegi","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T18:34:39+00:00","article:modified_time":"2019-10-31T18:34:39+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"30281","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-21 00:29:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 03:37:28","updated":"2026-01-21 00:29:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/30281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/comments?post=30281"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/posts\/30281\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/media?parent=30281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/categories?post=30281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/it\/wp-json\/wp\/v2\/tags?post=30281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}