{"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\/et\/blog\/preload-prefetch-i-drugie-tegi","title":{"rendered":"Preload, prefetch ja teised sildid","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>On <noindex><a rel=\"nofollow\" href=\"http:\/\/3perf.com\/talks\/web-perf-101\">palju viise veebitootlikkuse t\u00f5stmiseks<\/a><\/noindex>. \u00dcks neist on sisule eelnevalt laadimine, mis on hiljem vajalik. CSS-i eelne laadimine, t\u00e4iesti lehe eelne renderdamine v\u00f5i domeeninime lahendamine. Teeme k\u00f5ik ette \u00e4ra ja seej\u00e4rel n\u00e4itame tulemust koheselt! K\u00f5lab h\u00e4sti.<\/p>\n<p>Veelgi paremad uudised on see, et see on v\u00e4ga lihtne teostada. Viis  sildi saadavad brauserile k\u00e4su eelt\u00f6\u00f6deks:<\/p>\n<pre><code class=\"xml\"><\/code><\/pre>\n<p><noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nKoheselt tutvustame, mida need teevad ja millal neid kasutada.<\/p>\n<p>Mine juurde: <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> \u00fctleb brauserile, et laadida ja vahem\u00e4lu varakult ressurssi (nt skripti v\u00f5i stiililehte). See on kasulik, kui resurssi on vaja m\u00f5ne sekundi p\u00e4rast lehe laadimisest \u2014 ja soovite protsessi kiirendada.<\/p>\n<p>Brauser ei tee p\u00e4rast ressurssi laadimist selle kanssa midagi. Skripte ei k\u00e4ivitata, stiililehti ei rakendata. Ressurss lihtsalt salvestatakse ja antakse kohe n\u00f5udmisel.<\/p>\n<h3>S\u00fcntaks<\/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> osutab ressursile, mille soovite alla laadida.<\/p>\n<p><code> as<\/code> v\u00f5ib olla mis tahes, mida brauser suudab alla laadida:<\/p>\n<ul>\n<li><code>style<\/code> stiililehtede jaoks,\n<\/li>\n<li><code>script<\/code> skriptide jaoks,\n<\/li>\n<li><code>font<\/code> fontide jaoks,\n<\/li>\n<li><code>fetch<\/code> ressursside jaoks, mis on alla laaditud <code>fetch()<\/code> v\u00f5i <code>XMLHttpRequest<\/code>,\n<\/li>\n<li>t\u00e4ielik nimekiri vt. <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Preloading_content#What_types_of_content_can_be_preloaded\">MDN-is<\/a><\/noindex>.<\/li>\n<\/ul>\n<p>\nOluline on m\u00e4\u00e4rata atribuudi <code>as<\/code> \u2013 see aitab brauseril \u00f5igesti m\u00e4\u00e4rata prioriteete ja laadimisplaneerimist.<\/p>\n<h3>Millal kasutada<\/h3>\n<p>\nKasutage eelnevat laadimist, kui resurssi on varsti vaja. N\u00e4iteks:<\/p>\n<ul>\n<li>Kohandatud fondid v\u00e4lisest failist:\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>\nVaikimisi <code>comic-sans.woff2<\/code> alustab laadimist alles p\u00e4rast lehe laadimist ja parsimist <code>index.css<\/code>. Et mitte nii kaua oodata, saab fondi eelnevalt laadida <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>Kui jagate oma stiile l\u00e4henemisega <noindex><a rel=\"nofollow\" href=\"https:\/\/3perf.com\/talks\/web-perf-101\/#css-block-rendering-1\">Critical CSS<\/a><\/noindex> kaheks osaks, kriitiliseks (kohese renderdamise jaoks) ja mitte kriitiliseks:\n<pre><code class=\"xml\">\/* Inlineeritud kriitilised stiilid *\/<\/code><\/pre>\n<p>\nSelle l\u00e4henemisega hakkavad mitte-kriitilised stiilid laadima alles siis, kui JavaScript k\u00e4ivitub, mis v\u00f5ib toimuda m\u00f5ne sekundi p\u00e4rast renderdamisest. Selle asemel, et oodata JS, kasutage <code>&lt;link rel= \"preload\"&gt;<\/code>, et alustada laadimist varakult:<\/p>\n<pre><code class=\"xml\">\/* Inlineeritud kriitilised stiilid *\/<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>\n<b>\u00c4rge kuritarvitage eelnevat laadimist<\/b>. Kui laadida k\u00f5ike j\u00e4rjest, ei kiirenda see saiti maagiliselt, vastupidi, see takistab brauseril korralikku t\u00f6\u00f6planeerimist.<\/p>\n<p><b> \u00c4rge segage seda eelnerimisega<\/b>. \u00c4rge kasutage <code>&lt;link rel= \"preload\"&gt;<\/code>, kui te ei vaja ressurssi kohe p\u00e4rast lehe laadimist. Kui see on hiljem vajalik, n\u00e4iteks j\u00e4rgmise lehe jaoks, kasutage <code>&lt;link rel= \"prefetch\"&gt;<\/code>.<\/p>\n<h3>\u00dcksikasjad<\/h3>\n<p>\n<b>See on kohustuslik silt<\/b> brauseri t\u00e4itmiseks (kui see selle toetab), erinevalt teistest  siltidest, mis on seotud eelneva laadimisega. Brauser peab laadima ressurssi, mis on m\u00e4\u00e4ratud <code>&lt;link rel=\"preload\"&gt;<\/code>. Muudel juhtudel v\u00f5ib see eelmise laadimise ignoreerida, n\u00e4iteks kui see t\u00f6\u00f6tab aeglasel \u00fchendusel.<\/p>\n<p><b>Prioriteedid<\/b>. Erinevatele ressurssidele (stiilid, skripti, fondid jne) m\u00e4\u00e4ravad brauserid tavaliselt erinevad prioriteedid, et laadida k\u00f5ige olulisemad ressursid k\u00f5igepealt. Sel juhul m\u00e4\u00e4rab brauser prioriteedi atribuudi j\u00e4rgi <code>as<\/code>. Chrome'i brauseri puhul saate vaadata <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.google.com\/document\/d\/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc\/edit#\">t\u00e4ielikku prioriteetide tabelit<\/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 ja teised sildid\" 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> palub brauseril laadida ja vahem\u00e4lu ressursse (nt skripti v\u00f5i stiililehte) taustal. Laadimine toimub madala prioriteediga, seet\u00f5ttu ei sega see olulisemaid ressursse. See on kasulik, kui resurssi on vajalik j\u00e4rgmisel lehel ja soovite seda eelnevalt vahem\u00e4lu salvestada.<\/p>\n<p>Siin ei tee brauser p\u00e4rast ressurssi laadimist sellekaudu ka midagi. Skripte ei k\u00e4ivitata, stiililehti ei rakendata. Ressurss lihtsalt salvestatakse ja antakse kohe n\u00f5udmisel.<\/p>\n<h3>S\u00fcntaks<\/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> osutab ressursile, mille soovite alla laadida.<\/p>\n<p><code> as<\/code> v\u00f5ib olla mis tahes, mida brauser suudab alla laadida:<\/p>\n<ul>\n<li><code>style<\/code> stiililehtede jaoks,\n<\/li>\n<li><code>script<\/code> skriptide jaoks,\n<\/li>\n<li><code>font<\/code> fontide jaoks,\n<\/li>\n<li><code>fetch<\/code> ressursside jaoks, mis on alla laaditud <code>fetch()<\/code> v\u00f5i <code>XMLHttpRequest<\/code>,\n<\/li>\n<li>t\u00e4ielik nimekiri vt. <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Preloading_content#What_types_of_content_can_be_preloaded\">MDN-is<\/a><\/noindex>.<\/li>\n<\/ul>\n<p>\nOluline on m\u00e4\u00e4rata atribuudi <code>as<\/code>\u00a0\u2014 see aitab brauseril \u00f5igesti m\u00e4\u00e4rata prioriteete ja laadimisplaneerimist.<\/p>\n<h3>Millal kasutada<\/h3>\n<p>\n<b>Ressursside laadimiseks teistelt lehtedelt<\/b>, kui soovite, et resurss teiselt lehelt laaditaks eelnevalt, et seej\u00e4rel kiirendada selle lehe renderdamist. N\u00e4iteks:<\/p>\n<ul>\n<li>Teie e-poes lahkub 40% kasutajatest peamise lehelt tootelehe peale. Kasutage <code>&lt;link rel= \"prefetch\"&gt;<\/code>, laadides CSS-i ja JS-failid tootelehtede renderdamiseks.\n<\/li>\n<li>Teil on \u00fchekpleheline rakendus, kus erinevad lehed laadivad erinevaid pakette. Kui kasutaja k\u00fclastab m\u00f5nda lehte, on v\u00f5imalik eelaadida pakette k\u00f5igist nendest lehtedest, millele ta viitab.<\/li>\n<\/ul>\n<p>\n<b>Seda m\u00e4rgendit v\u00f5ib t\u00f5en\u00e4oliselt kasutada ohutult mis tahes mahus.<\/b>Pangad plaanivad tavaliselt eelaadimist madalaima prioriteediga, mist\u00f5ttu ei h\u00e4iri see kedagi. Kuid pidage meeles, et see kasutab kasutaja andmesidekoguseid, mis v\u00f5ib maksma minna.<\/p>\n<p><b>Ei sobi kiirete p\u00e4ringute jaoks.<\/b>. \u00c4rge kasutage <code>&lt;link rel= \"prefetch\"&gt;<\/code>kui ressurssi on vaja m\u00f5ne sekundi jooksul. Sel juhul kasutage. <code>&lt;link rel= \"preload\"&gt;<\/code>.<\/p>\n<h3>\u00dcksikasjad<\/h3>\n<p>\n<b>Valikuline m\u00e4rgend.<\/b>Brauser ei pea j\u00e4rgima neid juhiseid, ta v\u00f5ib need ignoreerida, n\u00e4iteks aeglase \u00fchenduse korral.<\/p>\n<p><b>Prioriteet Chrome'is.<\/b>Chrome'is. <code>&lt;link rel= \"prefetch\"&gt;<\/code> tavaliselt t\u00e4idetakse minimaalse prioriteediga (vt. <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.google.com\/document\/d\/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc\/edit\">t\u00e4ielikku prioriteetide tabelit<\/a><\/noindex>), see t\u00e4hendab, et p\u00e4rast muu sisu laadimist.<\/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> palub brauseril eelnevalt \u00fchendada domeeniga, kui soovite edaspidiseks \u00fchenduse loomist kiirendada.<\/p>\n<p>Brauser peab looma \u00fchenduse, kui ta t\u00f5mbab ressursse uue kolmanda osapoole domeenilt. N\u00e4iteks, kui laadib Google Fontsi fonte, React'i CDN-ist v\u00f5i k\u00fcsib JSON vastust API serverilt.<\/p>\n<p>Uue \u00fchenduse loomine v\u00f5tab tavaliselt paar sada millisekundit. See toimub \u00fche korra, kuid v\u00f5tab siiski aega. Kui te loote \u00fchenduse eelnevalt, s\u00e4\u00e4state aega ja laadite selle domeeni ressursse kiiremini.<\/p>\n<h3>S\u00fcntaks<\/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> osutab domeeninimele, mille jaoks IP-aadress tuleb kindlaks teha. Saate esitada selle prefiksiga (<code>https:\/\/domain.com<\/code>) v\u00f5i ilma selleta (<code>\/\/domain.com<\/code>).<\/p>\n<h3>Millal kasutada<\/h3>\n<p>\n<b>Kasutage domeenide jaoks, mis v\u00f5ivad varsti vajalikud olla<\/b> sealstyli, skripti v\u00f5i pildi laadimiseks, kuid te ei tea veel ressursi URL-i. N\u00e4iteks:<\/p>\n<ul>\n<li>Teie rakendus asub aadressil <code>my-app.com<\/code> ja teeb AJAX-p\u00e4ringud <code>api.my-app.com<\/code>: te ei tea ette konkreetseid p\u00e4ringuid, kuna need tehakse d\u00fcnaamiliselt JS-st. Siin on t\u00e4iesti sobiv kasutada m\u00e4rgendit domeeniga eelneva \u00fchenduse loomiseks.\n<\/li>\n<li>Teie rakendus asub aadressil <code>my-app.com<\/code> ja kasutab Google Fontsi fonte. Need laaditakse kahes etapis: esmalt laaditakse CSS-fail domeenilt <code>fonts.googleapis.com<\/code>, seej\u00e4rel k\u00fcsib see fail fonte aadressilt <code>fonts.gstatic.com.<\/code>Te ei saa teada, milliseid konkreetseid fonte teilt <code>fonts.gstatic.com.<\/code> vajate, kuni ei ole laaditud CSS-faili, seega saame eelnevaid \u00fchendusi luua ainult ette.<\/li>\n<\/ul>\n<p>\n<b>Kasutage seda m\u00e4rgendit, et veidi kiirendada m\u00f5nda kolmandat skripti v\u00f5i stiili<\/b> eelneva \u00fchenduse loomise kaudu.<\/p>\n<p><b>\u00c4rge \u00fcle pingutage.<\/b>\u00dchenduse loomine ja hoidmine on kulukas kui kliendile, nii ka serverile. Kasutage seda m\u00e4rgendit maksimaalselt 4-6 domeeni jaoks.<\/p>\n<h3>\u00dcksikasjad<\/h3>\n<p>\n<b>Valikuline m\u00e4rgend.<\/b>Brauser ei pea j\u00e4rgima seda juhist ja v\u00f5ib selle ignoreerida, n\u00e4iteks kui on juba loodud liiga palju \u00fchendusi v\u00f5i muudel juhtudel.<\/p>\n<p><b>Mida h\u00f5lmab \u00fchenduse loomise protsess.<\/b>Selleks, et iga saidiga \u00fchendust luua, peab brauser t\u00e4itma j\u00e4rgmised toimingud:<\/p>\n<ul>\n<li><i>DNS-i lahendamine.<\/i>Leida IP-aadress serveri (<code>216.58.215.78<\/code>) jaoks, mis on antud domeeninime (<code>google.com<\/code>).<\/li>\n<li><i>TCP k\u00e4epigistus.<\/i>Pakettide vahetus (kliendilt \u2192 serverile \u2192 kliendile), et alustada TCP-\u00fchendust serveriga.<\/li>\n<li><i>TLS k\u00e4epigistus (ainult HTTPS-i saitidel).<\/i>Kaks pakettide vahetuse ringi (kliendilt \u2192 serverile \u2192 kliendile \u2192 serverile \u2192 kliendile), et alustada turvalist TLS-seanssi.<\/li>\n<\/ul>\n<p>\nM\u00e4rkus: HTTP\/3 parandab ja kiirendab k\u00e4epigistusmehhanismi, kuid see on veel kaugel.<\/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> palub brauseril eelnevalt teostada DNS-i lahendamise domeenile, kui te varsti \u00fchendate ja soovite kiirendada algset \u00fchendust.<\/p>\n<p>Brauser peab kindlaks tegema domeeni IP-aadressi, kui ta t\u00f5mbab m\u00f5ned ressursid uue kolmanda osapoole domeenilt. N\u00e4iteks, laadides Google Fontsi fonte, Reacti CDN-ist v\u00f5i k\u00fcsides JSON vastust API serverilt.<\/p>\n<p>Iga uue domeeni jaoks v\u00f5tab DNS-i kirje lahendamine tavaliselt aega 20\u2212120 ms. See m\u00f5jutab ainult selle domeeni esimest ressursi laadimist, kuid siiski esitades viivituse. Kui lahendus t\u00e4idetakse eelnevalt, s\u00e4\u00e4stame aega ja laadime ressursse kiiremini.<\/p>\n<h3>S\u00fcntaks<\/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> osutab domeeninimele, mille jaoks IP-aadress tuleb kindlaks teha. Saate m\u00e4\u00e4rata selle prefiksiga (<code>https:\/\/domain.com<\/code>) v\u00f5i ilma selleta (<code>\/\/domain.com<\/code>).<\/p>\n<h3>Millal kasutada<\/h3>\n<p>\n<b>Kasutage domeenide jaoks, mis v\u00f5ivad varsti vajalikud olla<\/b> ressursside laadimiseks, millest brauser ei tea ette. N\u00e4iteks:<\/p>\n<ul>\n<li>Teie rakendus asub aadressil <code>my-app.com<\/code> ja teeb AJAX-p\u00e4ringud <code>api.my-app.com<\/code>: te ei tea ette konkreetseid p\u00e4ringuid, kuna need tehakse d\u00fcnaamiliselt JS-st. Siin on t\u00e4iesti sobiv kasutada m\u00e4rgendit domeeniga eelneva \u00fchenduse loomiseks.\n<\/li>\n<li>Teie rakendus asub aadressil <code>my-app.com<\/code>, ja kasutab Google Fontsi fonte. Need laaditakse kahes etapis: esmalt laaditakse CSS-fail domeenilt <code>fonts.googleapis.com<\/code>, seej\u00e4rel k\u00fcsib see fail fonte aadressilt <code>fonts.gstatic.com.<\/code>Te ei saa teada, milliseid konkreetseid fonte teilt <code>fonts.gstatic.com.<\/code> te vajate, kuni ei ole laaditud CSS-faili, seega saame eelnevaid \u00fchendusi luua ainult ette.<\/li>\n<\/ul>\n<p>\n<b>Kasutage seda m\u00e4rgendit, et veidi kiirendada m\u00f5nda kolmandat skripti v\u00f5i stiili<\/b> eelneva \u00fchenduse loomise kaudu.<\/p>\n<blockquote><p>Pange t\u00e4hele, et sarnased omadused on <code>&lt;link rel= \"dns-prefetch\"\/&gt;<\/code> ja <code>&lt;link rel= \"preconnect\"&gt;<\/code>. Nende kasutamine koos \u00fche domeeniga ei ole tavaliselt m\u00f5istlik: <code>&lt;link rel= \"preconnect\"&gt;<\/code> juba sisaldab. <code>&lt;link rel= \"dns-prefetch\"\/&gt;<\/code> ja palju muud. See on p\u00f5hjendatud kahes olukorras:<\/p>\n<ul>\n<li><i>Soovite toetada vanu brauserite<\/i>. <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> toetatakse <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/#feat=link-rel-dns-prefetch\">alates IE10 ja Safari 5<\/a><\/noindex>. <code>&lt;link rel= \"preconnect\"&gt;<\/code> oli m\u00f5nda aega toetatud Chrome'is ja Firefoxis, kuid lisati Safari'sse alles versioonis 11.1 ja <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/#feat=link-rel-preconnect\">ei ole endiselt toetatud IE\/Edge<\/a><\/noindex>. Kui pead toetama neid brausereid, kasuta <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> varuv\u00f5imalusena <code>&lt;link rel= \"preconnect\"&gt;<\/code>.<\/li>\n<li><i>Soovite kiirendada \u00fchendust rohkem kui 4\u20136 domeeniga<\/i>. Tagi <code>&lt;link rel= \"preconnect\"&gt;<\/code> ei soovitata kasutada rohkem kui 4\u20136 domeeni, kuna \u00fchenduse loomine ja hoidmine on kulukas protsess. <code>&lt;link rel= \"dns-prefetch\" \/&gt;<\/code> kasutab v\u00e4hem ressursse, seega kasuta seda vajadusel.<\/li>\n<\/ul>\n<\/blockquote>\n<p><\/p>\n<h3>\u00dcksikasjad<\/h3>\n<p>\n<b>Valikuline m\u00e4rgend.<\/b>. Brauser ei ole kohustatud j\u00e4rgima seda juhist, seega v\u00f5ib see mitte teostada DNS-i lahendamist, kui lehel on palju selliseid tage v\u00f5i m\u00f5nes muus olukorras.<\/p>\n<p><b>Mis on DNS<\/b>. Igal serveril internetis on ainulaadne IP-aadress, mis n\u00e4eb v\u00e4lja nagu <code>216.58.215.78<\/code>. Brauseri aadressiv\u00e4lja sisestatakse tavaliselt veebisaidi nimi (nt <code>google.com<\/code>), ja DNS-serverid (domeeninime s\u00fcsteem) seostavad selle serveri IP-aadressiga (<code>216.58.215.78<\/code>).<\/p>\n<p>Brauser peab IP-aadressi m\u00e4\u00e4ramiseks tegema p\u00e4ringu DNS-serverile. See v\u00f5tab aega 20\u2013120 ms, kui \u00fchendate uue kolmanda osapoole domeeniga.<\/p>\n<p><b>DNS-i vahem\u00e4lu, kuigi mitte v\u00e4ga usaldusv\u00e4\u00e4rselt<\/b>. M\u00f5ned ops\u00fcsteemid ja brauserid vahem\u00e4letavad DNS-p\u00e4ringud: see s\u00e4\u00e4stab aega korduvate p\u00e4ringute korral, kuid vahem\u00e4lu pole usaldusv\u00e4\u00e4rne. Linuxis see tavaliselt ei toimi. Chrome'il on DNS-i vahem\u00e4lu, kuid see kestab vaid minuti. Windows vahem\u00e4letab DNS-vastuseid viie p\u00e4eva jooksul.<\/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> palub brauseril laadida URL-i ja kuvada see n\u00e4htamatul vahekaardil. Kui kasutaja kl\u00f5psab lingil, peaks leht ilmuma kohe. See on kasulik, kui oled kindel, et kasutaja k\u00fclastab kindlat lehte ja soovid selle kuvamist kiirendada.<\/p>\n<p>Hoolimata selle sildi erakordsest t\u00f5hususest (v\u00f5i seet\u00f5ttu), ei olnud see 2019. aastal <code>&lt;link rel= \"prerender\"&gt;<\/code> peamiseks brauserite poolt halvasti toetatud. Lisainformatsioon vaata. <noindex><a rel=\"nofollow\" href=\"#1\">allpool<\/a><\/noindex>.<\/p>\n<h3>S\u00fcntaks<\/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> osutab URL-ile, mille jaoks soovite taustal renderdamist k\u00e4ivitada.<\/p>\n<h3>Millal kasutada<\/h3>\n<p>\n<b>Kui oled t\u00f5eliselt kindel, et kasutaja liigub kindlale lehele<\/b>. Kui sul on 'tunnel', kus 70% k\u00fclastajatest lehelt A l\u00e4hevad lehele B, siis <code>&lt;link rel= \"prerender\"&gt;<\/code> lehel A aitab v\u00e4ga kiiresti kuvada lehte B.<\/p>\n<p><b>\u00c4rge \u00fcle pingutage.<\/b>. Eelrenderdamine on \u00e4\u00e4rmiselt kulukas andmeside ja m\u00e4lu osas. \u00c4ra kasuta <code>&lt;link rel= \"prerender\"&gt;<\/code> rohkem kui \u00fche lehe jaoks.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"1\"><\/a><\/noindex><\/p>\n<h3>\u00dcksikasjad<\/h3>\n<p>\n<b>Valikuline m\u00e4rgend.<\/b>. Brauser ei ole kohustatud j\u00e4rgima seda juhist ja v\u00f5ib selle ignoreerida, n\u00e4iteks aeglases \u00fchenduses v\u00f5i m\u00e4luruumi ebapiisava suuruse korral.<\/p>\n<p>M\u00e4lu s\u00e4\u00e4stmiseks <b>Chrome ei teosta t\u00e4ielikku renderdamist<\/b>, ja <noindex><a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/07\/nostate-prefetch\">ainult eelkoormamine NoState<\/a><\/noindex>. See t\u00e4hendab, et Chrome laadib lehe ja k\u00f5ik selle ressursid, kuid ei teosta renderdamist ega k\u00e4ivita JavaScripti.<\/p>\n<p>Firefox ja Safari ei toeta seda sildi \u00fcldse. See ei rikku spetsifikatsiooni, kuna brauserid ei ole kohustatud seda juhist j\u00e4rgima; kuid siiski on see kahju. <noindex><a rel=\"nofollow\" href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=730101\">Implementatsiooni t\u00f5rge<\/a><\/noindex> Firefoxis oli avastatud seitsme aasta jooksul. On teateid, et Safari <noindex><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/bluesmoon\/status\/1108412360828563456\">ei toeta ka seda sildi<\/a><\/noindex>.<\/p>\n<h1>Kokkuv\u00f5te<\/h1>\n<p>\nKasutage:<\/p>\n<ul>\n<li><code>&lt;link rel= \"preload\"&gt;<\/code>\u00a0\u2014 kui sul on vaja ressurssi paari sekundi jooksul\n<\/li>\n<li><code>&lt;link rel= \"prefetch\"&gt;<\/code>\u00a0\u2014 kui sul on vaja ressurssi j\u00e4rgmise lehe jaoks\n<\/li>\n<li><code>&lt;link rel= \"preconnect\"&gt;<\/code>\u00a0\u2014 kui tead, et sul on peagi vaja ressurssi, kuid sa ei tea veel selle t\u00e4pset URL-i\n<\/li>\n<li><code>&lt;link rel= \"dns-prefetch\"&gt;<\/code>\u00a0\u2014 sarnaselt, kui tead, et sul on peagi vaja ressurssi, kuid sa ei tea veel selle t\u00e4pset URL-i (vana brauserite jaoks)\n<\/li>\n<li><code>&lt;link rel= \"prerender\"&gt;<\/code>\u00a0\u2014 kui oled kindel, et kasutajad liiguvad kindlale lehele, ja soovid selle kuvamist kiirendada<\/li>\n<\/ul>\n<p>Allikas: <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\/et\/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=\"et_EE\" \/>\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\/et\/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 ja muud sildid | ProHoster","description":"Veebitootlikkuse suurendamiseks on palju viise. \u00dcks neist on eelkoormamine sisule, mis on hiljem vajalik. CSS-i eelkoormamine, kogu lehe eelrenderdamine v\u00f5i domeeninime lahendamine. Teeme k\u00f5ik eelnevalt, ja seej\u00e4rel kuvame tulemuse kohe! K\u00f5lab suurep\u00e4raselt. Veelgi parem, et see on v\u00e4ga lihtne rakendada. Viis silti annavad brauserile k\u00e4skluse eelnevate toimingute tegemiseks:","canonical_url":"https:\/\/prohoster.info\/et\/blog\/preload-prefetch-i-drugie-tegi","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"et_EE","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\/et\/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\/et\/wp-json\/wp\/v2\/posts\/30281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/comments?post=30281"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/posts\/30281\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/media?parent=30281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/categories?post=30281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/et\/wp-json\/wp\/v2\/tags?post=30281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}