{"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\/sv\/blog\/preload-prefetch-i-drugie-tegi","title":{"rendered":"Preload, prefetch och andra taggar","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Det finns <noindex><a rel=\"nofollow\" href=\"http:\/\/3perf.com\/talks\/web-perf-101\">M\u00e5nga s\u00e4tt att f\u00f6rb\u00e4ttra webbprestanda<\/a><\/noindex>. Ett av dem \u00e4r att f\u00f6rladda inneh\u00e5ll som kommer att beh\u00f6vas senare. Pre-fetching av CSS, f\u00f6rrendering av hela sidan eller dom\u00e4nnamnsuppl\u00f6sning. Vi g\u00f6r allt i f\u00f6rv\u00e4g och visar sedan resultatet omedelbart! L\u00e5ter fantastiskt.<\/p>\n<p>\u00c4nnu b\u00e4ttre \u00e4r att detta \u00e4r v\u00e4ldigt enkelt att implementera. Fem &lt;link rel&gt;-taggar ger webbl\u00e4saren order om f\u00f6rhands\u00e5tg\u00e4rder:<\/p>\n<pre><code class=\"xml\">&lt;link rel=\"prefetch\" href=\"\/style.css\" as=\"style\" \/&gt;\n&lt;link rel=\"preload\" href=\"\/style.css\" as=\"style\" \/&gt;\n\n&lt;link rel=\"preconnect\" href=\"https:\/\/example.com\" \/&gt;\n&lt;link rel=\"dns-prefetch\" href=\"https:\/\/example.com\" \/&gt;\n\n&lt;link rel=\"prerender\" href=\"https:\/\/example.com\/about.html\" \/&gt;<\/code><\/pre>\n<p><noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nKortfattat ska vi f\u00f6rklara vad de g\u00f6r och n\u00e4r de ska anv\u00e4ndas.<\/p>\n<p>G\u00e5 till: <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> ber\u00e4ttar webbl\u00e4saren att s\u00e5 tidigt som m\u00f6jligt ladda och cacha resurser (s\u00e5som skript eller stilmallar). Detta \u00e4r anv\u00e4ndbart n\u00e4r resursen kommer att beh\u00f6vas n\u00e5gra sekunder efter att sidan har laddats - och du vill snabba upp processen.<\/p>\n<p>Webbl\u00e4saren g\u00f6r ingenting med resursen efter att den har laddats. Skripten k\u00f6rs inte, stilmallarna appliceras inte. Resursen cacheras bara och tillhandah\u00e5lls omedelbart p\u00e5 beg\u00e4ran.<\/p>\n<h3>Syntax<\/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> pekar p\u00e5 resursen som du vill ladda ner.<\/p>\n<p><code> som<\/code> kan vara vad som helst som g\u00e5r att ladda ner i webbl\u00e4saren:<\/p>\n<ul>\n<li><code>style<\/code> f\u00f6r stilmallar,\n<\/li>\n<li><code>script<\/code> f\u00f6r skript,\n<\/li>\n<li><code>font<\/code> f\u00f6r typsnitt,\n<\/li>\n<li><code>fetch<\/code> f\u00f6r resurser som laddas med <code>fetch()<\/code> eller <code>XMLHttpRequest<\/code>,\n<\/li>\n<li>fullst\u00e4ndig lista se. <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Preloading_content#What_types_of_content_can_be_preloaded\">p\u00e5 MDN<\/a><\/noindex>.<\/li>\n<\/ul>\n<p>\nDet \u00e4r viktigt att ange attributet <code>som<\/code> \u2013 det hj\u00e4lper webbl\u00e4saren att korrekt prioritera och planera laddningen.<\/p>\n<h3>N\u00e4r anv\u00e4nda<\/h3>\n<p>\nAnv\u00e4nd preload n\u00e4r resursen kommer att beh\u00f6vas inom kort. Till exempel:<\/p>\n<ul>\n<li>Ovanliga typsnitt fr\u00e5n en extern fil:\n<pre><code class=\"xml\">&lt;!-- index.html --&gt;\n&lt;link rel=\"stylesheet\" href=\"index.css\" \/&gt;\n\/* index.css *\/\n@font-face {\n  src: url('comic-sans.woff2') format('woff2');\n}<\/code><\/pre>\n<p>\nSom standard <code>comic-sans.woff2<\/code> b\u00f6rjar ladda f\u00f6rst efter att den har laddats och analyserats. <code>index.css<\/code>F\u00f6r att inte beh\u00f6va v\u00e4nta s\u00e5 l\u00e4nge kan du ladda typsnittet tidigare med <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>Om du delar dina stilar enligt metoden <noindex><a rel=\"nofollow\" href=\"https:\/\/3perf.com\/talks\/web-perf-101\/#css-block-rendering-1\">Critical CSS<\/a><\/noindex> i tv\u00e5 delar, kritisk (f\u00f6r omedelbar rendering) och icke-kritisk:\n<pre><code class=\"xml\">&lt;style&gt;\n\/* Inlined critical styles *\/\n&lt;\/style&gt;\n\n&lt;script&gt;\n\/* Custom JS that starts downloading non-critical styles *\/\nloadCSS('\/app\/non-critical.css');\n&lt;\/script&gt;<\/code><\/pre>\n<p>\nMed den h\u00e4r metoden kommer icke-kritiska stilar att b\u00f6rja laddas f\u00f6rst n\u00e4r JavaScript har k\u00f6rts, vilket kan ske efter n\u00e5gra sekunder efter rendering. Anv\u00e4nd ist\u00e4llet <code>&lt;link rel=\"preload\"&gt;<\/code>, f\u00f6r att p\u00e5b\u00f6rja inladdningen tidigare:<\/p>\n<pre><code class=\"xml\">\/* Inbakade kritiska stilar *\/<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>\n<b>\u00d6verdriv inte med f\u00f6rladdning<\/b>. Om du laddar allt p\u00e5 en g\u00e5ng kommer sidan inte att bli snabbare magiskt, tv\u00e4rtom kan det f\u00f6rhindra att webbl\u00e4saren planerar arbetet p\u00e5 ett effektivt s\u00e4tt.<\/p>\n<p><b> F\u00f6rv\u00e4xla inte med prefetching<\/b>. Anv\u00e4nd inte <code>&lt;link rel=\"preload\"&gt;<\/code>, om du inte beh\u00f6ver resursen omedelbart efter att sidan har laddats. Om den beh\u00f6vs senare, till exempel p\u00e5 n\u00e4sta sida, anv\u00e4nd <code>&lt;link rel= \"prefetch\"&gt;<\/code>.<\/p>\n<h3>Detaljer<\/h3>\n<p>\n<b>Detta \u00e4r en obligatorisk tagg<\/b> f\u00f6r webbl\u00e4saren (om den st\u00f6der den), till skillnad fr\u00e5n alla andra -taggar relaterade till f\u00f6rladdning. Webbl\u00e4saren m\u00e5ste ladda resursen som anges i <code>&lt;link rel=\"preload\"&gt;<\/code>. I andra fall kan den ignorera f\u00f6rladdningen, till exempel om den arbetar p\u00e5 en l\u00e5ngsam anslutning.<\/p>\n<p><b>Prioriteringar<\/b>. Olika resurser (stilar, skript, teckensnitt osv.) f\u00e5r vanligtvis olika prioriteter av webbl\u00e4sare f\u00f6r att f\u00f6rst ladda de viktigaste resurserna. I det h\u00e4r fallet best\u00e4mmer webbl\u00e4saren prioriteten baserat p\u00e5 attributet <code>som<\/code>. F\u00f6r Chrome-webbl\u00e4saren kan du se <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.google.com\/document\/d\/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc\/edit#\">den fullst\u00e4ndiga prioritetslistan<\/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 och andra taggar\" 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> ber om att webbl\u00e4saren ska ladda och cacha resursen (till exempel ett skript eller en stil) i bakgrunden. Laddningen sker med l\u00e5g prioritet, s\u00e5 det st\u00f6r inte mer viktiga resurser. Detta \u00e4r anv\u00e4ndbart om resursen beh\u00f6vs p\u00e5 n\u00e4sta sida och du vill cacha den i f\u00f6rv\u00e4g.<\/p>\n<p>H\u00e4r g\u00f6r webbl\u00e4saren inget med resursen efter att den har laddats. Skript k\u00f6rs inte, stilar till\u00e4mpas inte. Resursen cachas bara och g\u00f6rs omedelbart tillg\u00e4nglig p\u00e5 beg\u00e4ran.<\/p>\n<h3>Syntax<\/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> pekar p\u00e5 resursen som du vill ladda ner.<\/p>\n<p><code> som<\/code> kan vara vad som helst som g\u00e5r att ladda ner i webbl\u00e4saren:<\/p>\n<ul>\n<li><code>style<\/code> f\u00f6r stilmallar,\n<\/li>\n<li><code>script<\/code> f\u00f6r skript,\n<\/li>\n<li><code>font<\/code> f\u00f6r typsnitt,\n<\/li>\n<li><code>fetch<\/code> f\u00f6r resurser som laddas med <code>fetch()<\/code> eller <code>XMLHttpRequest<\/code>,\n<\/li>\n<li>fullst\u00e4ndig lista se. <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Preloading_content#What_types_of_content_can_be_preloaded\">p\u00e5 MDN<\/a><\/noindex>.<\/li>\n<\/ul>\n<p>\nDet \u00e4r viktigt att ange attributet <code>som<\/code>\u00a0\u2013 det hj\u00e4lper webbl\u00e4saren att prioritera och planera laddningen p\u00e5 r\u00e4tt s\u00e4tt.<\/p>\n<h3>N\u00e4r anv\u00e4nda<\/h3>\n<p>\n<b>F\u00f6r att ladda resurser fr\u00e5n andra sidor<\/b>, om resursen fr\u00e5n en annan sida beh\u00f6vs och du vill f\u00f6rladda den f\u00f6r att sedan p\u00e5skynda rendering av den sidan. Till exempel:<\/p>\n<ul>\n<li>Du har en webbshop, och 40% av anv\u00e4ndarna l\u00e4mnar startsidan f\u00f6r produktens sida. Anv\u00e4nd <code>&lt;link rel= \"prefetch\"&gt;<\/code>, genom att ladda CSS- och JS-filer f\u00f6r att rendera sidor med produkten.\n<\/li>\n<li>Du har en enkel-sidapp, och olika sidor laddar olika paket. N\u00e4r en anv\u00e4ndare bes\u00f6ker en sida kan du f\u00f6rhandsladda paketen f\u00f6r alla sidor som den l\u00e4nkar till.<\/li>\n<\/ul>\n<p>\n<b>Denna tagg kan troligen anv\u00e4ndas s\u00e4kert i valfri m\u00e4ngd<\/b>. Webbl\u00e4sare planerar vanligtvis prefetch med l\u00e4gsta prioritet, s\u00e5 det st\u00f6r ingen. T\u00e4nk bara p\u00e5 att det f\u00f6rbrukar anv\u00e4ndarens trafik, vilket kan kosta pengar.<\/p>\n<p><b>Inte f\u00f6r br\u00e5dskande f\u00f6rfr\u00e5gningar<\/b>. Anv\u00e4nd inte <code>&lt;link rel= \"prefetch\"&gt;<\/code>, n\u00e4r resursen beh\u00f6vs inom n\u00e5gra sekunder. I det h\u00e4r fallet, anv\u00e4nd <code>&lt;link rel=\"preload\"&gt;<\/code>.<\/p>\n<h3>Detaljer<\/h3>\n<p>\n<b>Valfri tagg<\/b>. Webbl\u00e4saren \u00e4r inte skyldig att f\u00f6lja denna instruktion, den kan ignorera den, till exempel p\u00e5 en l\u00e5ngsam anslutning.<\/p>\n<p><b>Prioritet i Chrome<\/b>. I Chrome <code>&lt;link rel= \"prefetch\"&gt;<\/code> utf\u00f6rs vanligtvis med minimal prioritet (se <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.google.com\/document\/d\/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc\/edit\">den fullst\u00e4ndiga prioritetslistan<\/a><\/noindex>), det vill s\u00e4ga efter att allt annat har laddats.<\/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> ber webbl\u00e4saren att ansluta till dom\u00e4nen i f\u00f6rv\u00e4g n\u00e4r du vill snabba upp anslutningen i framtiden.<\/p>\n<p>Webbl\u00e4saren b\u00f6r etablera en anslutning om den h\u00e4mtar resurser fr\u00e5n en ny extern dom\u00e4n. Till exempel, om den laddar typsnitt fr\u00e5n Google Fonts, React fr\u00e5n CDN, eller g\u00f6r en beg\u00e4ran om JSON-svar fr\u00e5n API-servern.<\/p>\n<p>Det tar vanligtvis flera hundra millisekunder att uppr\u00e4tta en ny anslutning. Den g\u00f6rs en g\u00e5ng, men den tar \u00e4nd\u00e5 tid. Om du har uppr\u00e4ttat en anslutning i f\u00f6rv\u00e4g, sparar du tid och laddar resurser snabbare fr\u00e5n denna dom\u00e4n.<\/p>\n<h3>Syntax<\/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> anger dom\u00e4nnamnet f\u00f6r vilket IP-adressen ska uppr\u00e4ttas. Det kan anges med ett prefix (<code>https:\/\/domain.com<\/code>) eller utan (<code>\/\/domain.com<\/code>).<\/p>\n<h3>N\u00e4r anv\u00e4nda<\/h3>\n<p>\n<b>Anv\u00e4nd f\u00f6r dom\u00e4ner som snart beh\u00f6vs<\/b> f\u00f6r att ladda viktiga stilar, skript eller bilder d\u00e4rifr\u00e5n, men du vet fortfarande inte URL:en f\u00f6r resursen. Till exempel:<\/p>\n<ul>\n<li>Din applikation \u00e4r hostad p\u00e5 <code>my-app.com<\/code> och g\u00f6r AJAX-f\u00f6rfr\u00e5gningar till <code>api.my-app.com<\/code>: du vet inte p\u00e5 f\u00f6rhand vilka specifika f\u00f6rfr\u00e5gningar som g\u00f6rs, eftersom de g\u00f6rs dynamiskt fr\u00e5n JS. H\u00e4r \u00e4r det helt i sin ordning att anv\u00e4nda taggen f\u00f6r f\u00f6rhandsanslutning till dom\u00e4nen.\n<\/li>\n<li>Din applikation \u00e4r hostad p\u00e5 <code>my-app.com<\/code> och anv\u00e4nder typsnitt fr\u00e5n Google Fonts. De laddas i tv\u00e5 steg: f\u00f6rst laddas CSS-filen fr\u00e5n dom\u00e4nen <code>fonts.googleapis.com<\/code>, d\u00e4refter beg\u00e4r den filen typsnitt fr\u00e5n <code>fonts.gstatic.com.<\/code>Du kan inte veta vilka specifika typsnittsfiler som <code>fonts.gstatic.com.<\/code> Du kommer att beh\u00f6va, tills du har laddat upp CSS-filen, s\u00e5 vi kan i f\u00f6rv\u00e4g bara uppr\u00e4tta en prelimin\u00e4r anslutning.<\/li>\n<\/ul>\n<p>\n<b>Anv\u00e4nd denna tagg f\u00f6r att lite snabba upp ett tredjepartsskript eller -stil<\/b> genom att f\u00f6rbereda anslutningen.<\/p>\n<p><b>Missbruk inte<\/b>. Att uppr\u00e4tta och underh\u00e5lla en anslutning \u00e4r en kostsam operation b\u00e5de f\u00f6r klienten och servern. Anv\u00e4nd denna tagg h\u00f6gst f\u00f6r 4-6 dom\u00e4ner.<\/p>\n<h3>Detaljer<\/h3>\n<p>\n<b>Valfri tagg<\/b>. Webbl\u00e4saren \u00e4r inte skyldig att f\u00f6lja denna instruktion och kan ignorera den, till exempel om det redan finns m\u00e5nga anslutningar eller i n\u00e5got annat fall.<\/p>\n<p><b>Vad ing\u00e5r i anslutningsprocessen<\/b>. F\u00f6r att ansluta till varje webbplats m\u00e5ste webbl\u00e4saren utf\u00f6ra f\u00f6ljande \u00e5tg\u00e4rder:<\/p>\n<ul>\n<li><i>DNS-uppl\u00f6sning<\/i>. Hitta IP-adressen till servern (<code>216.58.215.78<\/code>) f\u00f6r det angivna dom\u00e4nnamnet (<code>google.com<\/code>).<\/li>\n<li><i>TCP-handshake<\/i>. Utbyte av paket (klient \u2192 server \u2192 klient) f\u00f6r att initiera TCP-anslutningen till servern.<\/li>\n<li><i>TLS-handshake (endast f\u00f6r HTTPS-webbplatser)<\/i>. Tv\u00e5 omg\u00e5ngar av paketutbyte (klient \u2192 server \u2192 klient \u2192 server \u2192 klient) f\u00f6r att initiera en s\u00e4ker TLS-session.<\/li>\n<\/ul>\n<p>\nObservera: HTTP\/3 kommer att f\u00f6rb\u00e4ttra och snabba upp handskakningsmekanismen, men det \u00e4r fortfarande l\u00e5ngt borta.<\/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> ber webbl\u00e4saren att i f\u00f6rv\u00e4g utf\u00f6ra DNS-uppl\u00f6sning f\u00f6r dom\u00e4nen om du snart kommer att ansluta till den och vill snabba upp den initiala anslutningen.<\/p>\n<p>Webbl\u00e4saren m\u00e5ste avg\u00f6ra IP-adressen f\u00f6r dom\u00e4nen om den ska h\u00e4mta n\u00e5gra resurser fr\u00e5n en ny tredjepartsdom\u00e4n. Till exempel ladda Google Fonts, React fr\u00e5n CDN eller beg\u00e4ra JSON-svar fr\u00e5n API-servern.<\/p>\n<p>F\u00f6r varje ny dom\u00e4n tar det vanligtvis cirka 20\u2013120 ms att l\u00f6sa DNS-poster. Detta p\u00e5verkar endast inl\u00e4sningen av den f\u00f6rsta resursen fr\u00e5n denna dom\u00e4n, men representerar \u00e4nd\u00e5 en f\u00f6rdr\u00f6jning. Om DNS-uppl\u00f6sning g\u00f6rs i f\u00f6rv\u00e4g s\u00e5 sparar vi tid och laddar resursen snabbare.<\/p>\n<h3>Syntax<\/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> angiver dom\u00e4nnamnet f\u00f6r vilket IP-adressen ska uppr\u00e4ttas. Kan anges med prefix (<code>https:\/\/domain.com<\/code>) eller utan (<code>\/\/domain.com<\/code>).<\/p>\n<h3>N\u00e4r anv\u00e4nda<\/h3>\n<p>\n<b>Anv\u00e4nd f\u00f6r dom\u00e4ner som snart beh\u00f6vs<\/b> f\u00f6r att ladda resurser d\u00e4rifr\u00e5n som webbl\u00e4saren inte k\u00e4nner till i f\u00f6rv\u00e4g. Till exempel:<\/p>\n<ul>\n<li>Din applikation \u00e4r hostad p\u00e5 <code>my-app.com<\/code> och g\u00f6r AJAX-f\u00f6rfr\u00e5gningar till <code>api.my-app.com<\/code>: du vet inte p\u00e5 f\u00f6rhand vilka specifika f\u00f6rfr\u00e5gningar som g\u00f6rs, eftersom de g\u00f6rs dynamiskt fr\u00e5n JS. H\u00e4r \u00e4r det helt i sin ordning att anv\u00e4nda taggen f\u00f6r f\u00f6rhandsanslutning till dom\u00e4nen.\n<\/li>\n<li>Din applikation \u00e4r hostad p\u00e5 <code>my-app.com<\/code>, och anv\u00e4nder Google Fonts. De laddas i tv\u00e5 steg: f\u00f6rst laddas CSS-filen fr\u00e5n dom\u00e4nen <code>fonts.googleapis.com<\/code>, d\u00e4refter beg\u00e4r den filen typsnitt fr\u00e5n <code>fonts.gstatic.com.<\/code>Du kan inte veta vilka specifika typsnittsfiler som <code>fonts.gstatic.com.<\/code> du kommer att beh\u00f6va, tills du har laddat upp CSS-filen, s\u00e5 vi kan i f\u00f6rv\u00e4g bara uppr\u00e4tta en prelimin\u00e4r anslutning.<\/li>\n<\/ul>\n<p>\n<b>Anv\u00e4nd denna tagg f\u00f6r att lite snabba upp ett tredjepartsskript eller -stil<\/b> genom att f\u00f6rbereda anslutningen.<\/p>\n<blockquote><p>Observera liknande egenskaper p\u00e5 <code>&lt;link rel= \"dns-prefetch\"\/&gt;<\/code> och <code>&lt;link rel= \"preconnect\"&gt;<\/code>. Att anv\u00e4nda dem tillsammans f\u00f6r en dom\u00e4n \u00e4r vanligtvis meningsl\u00f6st: <code>&lt;link rel= \"preconnect\"&gt;<\/code> inkluderar redan <code>&lt;link rel= \"dns-prefetch\"\/&gt;<\/code> och mycket mer. Detta kan r\u00e4ttf\u00e4rdigas i tv\u00e5 fall:<\/p>\n<ul>\n<li><i>Du vill st\u00f6dja gamla webbl\u00e4sare<\/i>. <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> endast manuellt via l\u00e4get \u00ababout:debugging\u00bb och kr\u00e4ver till\u00e4mpning av en patch. <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/#feat=link-rel-dns-prefetch\">fr\u00e5n och med IE10 och Safari 5<\/a><\/noindex>. <code>&lt;link rel= \"preconnect\"&gt;<\/code> har ett tag st\u00f6dts i Chrome och Firefox, men lades till i Safari f\u00f6rst i 11.1 och <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/#feat=link-rel-preconnect\">st\u00f6ds fortfarande inte i IE\/Edge<\/a><\/noindex>. Om du beh\u00f6ver st\u00f6dja dessa webbl\u00e4sare, anv\u00e4nd <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> som en reservl\u00f6sning f\u00f6r <code>&lt;link rel= \"preconnect\"&gt;<\/code>.<\/li>\n<li><i>Du vill snabba upp anslutningar till mer \u00e4n 4\u20136 dom\u00e4ner<\/i>. Taggen <code>&lt;link rel= \"preconnect\"&gt;<\/code> rekommenderas inte att anv\u00e4nda med mer \u00e4n 4\u20136 dom\u00e4ner, eftersom installation och underh\u00e5ll av anslutningen \u00e4r en kostsam operation. <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> f\u00f6rbrukar mindre resurser, s\u00e5 anv\u00e4nd det om det beh\u00f6vs.<\/li>\n<\/ul>\n<\/blockquote>\n<p><\/p>\n<h3>Detaljer<\/h3>\n<p>\n<b>Valfri tagg<\/b>. Webbl\u00e4saren \u00e4r inte skyldig att f\u00f6lja denna instruktion, och kan d\u00e4rf\u00f6r v\u00e4lja att inte g\u00f6ra DNS-uppl\u00f6sning, till exempel om det finns m\u00e5nga s\u00e5dana taggar p\u00e5 sidan eller i n\u00e5got annat fall.<\/p>\n<p><b>Vad \u00e4r DNS<\/b>. Varje server p\u00e5 internet motsvaras av en unik IP-adress, som ser ut som <code>216.58.215.78<\/code>. I webbl\u00e4sarens adressrad anges vanligtvis webbplatsens namn (till exempel, <code>google.com<\/code>), och DNS-servrar (Domain Name System) kopplar det till serverns IP-adress (<code>216.58.215.78<\/code>).<\/p>\n<p>F\u00f6r att best\u00e4mma IP-adressen m\u00e5ste webbl\u00e4saren utf\u00f6ra en beg\u00e4ran till DNS-servern. Detta tar 20\u2013120 ms att ansluta till en ny tredje part-dom\u00e4n.<\/p>\n<p><b>DNS cachelagras, om \u00e4n inte s\u00e4rskilt p\u00e5litligt<\/b>. Vissa operativsystem och webbl\u00e4sare cachelagrar DNS-f\u00f6rfr\u00e5gningar: detta sparar tid vid upprepade f\u00f6rfr\u00e5gningar, men man kan inte lita p\u00e5 cachelagring. I Linux fungerar det vanligtvis inte alls. Chrome har en DNS-cache, men den lever bara i en minut. Windows cachelagrar DNS-svar i fem dagar.<\/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> ber webbl\u00e4saren att ladda URL:en och visa den p\u00e5 en osynlig flik. N\u00e4r anv\u00e4ndaren klickar p\u00e5 l\u00e4nken b\u00f6r sidan visas omedelbart. Detta \u00e4r anv\u00e4ndbart om du \u00e4r s\u00e4ker p\u00e5 att anv\u00e4ndaren kommer att bes\u00f6ka en viss sida och vill snabba upp dess visning.<\/p>\n<p>Trots den exceptionella effektiviteten hos denna tagg (eller p\u00e5 grund av den) st\u00f6djs den d\u00e5ligt av de flesta webbl\u00e4sare 2019. Mer information finns i. <code>&lt;link rel= \"prerender\"&gt;<\/code> \u043f\u043b\u043e\u0445\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0441\u043c. <noindex><a rel=\"nofollow\" href=\"#1\">nedan<\/a><\/noindex>.<\/p>\n<h3>Syntax<\/h3>\n<p><\/p>\n<pre><code class=\"xml\">anger URL:en f\u00f6r vilken du vill aktivera rendering i bakgrunden.<\/code><\/pre>\n<p>\n<code>href<\/code> N\u00e4r du verkligen \u00e4r s\u00e4ker p\u00e5 att anv\u00e4ndaren kommer att g\u00e5 till en viss sida<\/p>\n<h3>N\u00e4r anv\u00e4nda<\/h3>\n<p>\n<b>\u041a\u043e\u0433\u0434\u0430 \u0432\u044b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0451\u0442 \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443<\/b>. Om du har en \"tunnel\" d\u00e4r 70% av bes\u00f6karna p\u00e5 sidan A g\u00e5r vidare till sidan B, s\u00e5 <code>&lt;link rel= \"prerender\"&gt;<\/code> kan sidan A snabbt hj\u00e4lpa till att visa sidan B.<\/p>\n<p><b>Missbruk inte<\/b>. F\u00f6rhandsrendering \u00e4r extremt kostsamt i termer av trafik och minne. Anv\u00e4nd inte <code>&lt;link rel= \"prerender\"&gt;<\/code> f\u00f6r mer \u00e4n en sida.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"1\"><\/a><\/noindex><\/p>\n<h3>Detaljer<\/h3>\n<p>\n<b>Valfri tagg<\/b>. Webbl\u00e4saren \u00e4r inte skyldig att f\u00f6lja denna instruktion och kan ignorera den, till exempel vid l\u00e5ngsamma anslutningar eller om det finns otillr\u00e4ckligt med ledigt minne.<\/p>\n<p>F\u00f6r att spara minne <b>utf\u00f6r Chrome inte fullst\u00e4ndig rendering<\/b>, och <noindex><a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/07\/nostate-prefetch\">som bara f\u00f6rladdning NoState<\/a><\/noindex>. Det inneb\u00e4r att Chrome laddar sidan och alla dess resurser, men g\u00f6r ingen rendering och k\u00f6r ingen JavaScript.<\/p>\n<p>Firefox och Safari st\u00f6der \u00f6verhuvudtaget inte denna tagg. Detta bryter inte mot specifikationen, eftersom webbl\u00e4sare inte \u00e4r skyldiga att f\u00f6lja denna instruktion; men det \u00e4r fortfarande tr\u00e5kigt. <noindex><a rel=\"nofollow\" href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=730101\">Implementeringsbuggen<\/a><\/noindex> i Firefox har varit \u00f6ppen i sju \u00e5r. Det finns rapporter om att Safari <noindex><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/bluesmoon\/status\/1108412360828563456\">inte heller st\u00f6djer denna tagg<\/a><\/noindex>.<\/p>\n<h1>Sammanfattning<\/h1>\n<p>\nAnv\u00e4nd:<\/p>\n<ul>\n<li><code>&lt;link rel=\"preload\"&gt;<\/code>\u00a0\u2014 n\u00e4r du beh\u00f6ver resursen inom n\u00e5gra sekunder\n<\/li>\n<li><code>&lt;link rel= \"prefetch\"&gt;<\/code>\u00a0\u2014 n\u00e4r du beh\u00f6ver resursen p\u00e5 n\u00e4sta sida\n<\/li>\n<li><code>&lt;link rel= \"preconnect\"&gt;<\/code>\u00a0\u2014 n\u00e4r du vet att du snart kommer att beh\u00f6va resursen, men du vet \u00e4nnu inte dess fullst\u00e4ndiga URL\n<\/li>\n<li><code>&lt;link rel= \"dns-prefetch\"&gt;<\/code>\u00a0\u2014 p\u00e5 samma s\u00e4tt, n\u00e4r du vet att du snart kommer att beh\u00f6va resursen, men du vet \u00e4nnu inte dess fullst\u00e4ndiga URL (f\u00f6r \u00e4ldre webbl\u00e4sare)\n<\/li>\n<li><code>&lt;link rel= \"prerender\"&gt;<\/code>\u00a0\u2014 n\u00e4r du \u00e4r s\u00e4ker p\u00e5 att anv\u00e4ndarna kommer att g\u00e5 till en viss sida och vill snabba p\u00e5 dess visning<\/li>\n<\/ul>\n<p>K\u00e4lla: <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.4 - 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.\" \/>\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\/sv\/blog\/preload-prefetch-i-drugie-tegi\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"sv_SE\" \/>\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.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/sv\/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 och andra taggar | ProHoster","description":"Det finns m\u00e5nga s\u00e4tt att \u00f6ka webbpresentationen. Ett av dem \u00e4r att f\u00f6rladda inneh\u00e5ll som beh\u00f6vs senare.","canonical_url":"https:\/\/prohoster.info\/sv\/blog\/preload-prefetch-i-drugie-tegi","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sv_SE","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.","og:url":"https:\/\/prohoster.info\/sv\/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\/sv\/wp-json\/wp\/v2\/posts\/30281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/comments?post=30281"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts\/30281\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/media?parent=30281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/categories?post=30281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/tags?post=30281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}