Išteklių užuominai yra <link> žymės, kurios nurodo naršyklei iš anksto gauti arba prisijungti prie išteklių, optimizuojant įkėlimo našumą. Kiekviena tarnauja skirtingai laiko / prioriteto poreikiui.
html
Išteklių užuominai yra <link> žymės, kurios nurodo naršyklei iš anksto gauti arba prisijungti prie išteklių, optimizuojant įkėlimo našumą. Kiekviena tarnauja skirtingai laiko / prioriteto poreikiui.
preload — "Man reikia šito dabartiniam puslapiui, gauk dabar su aukšta prioritetu." Svarbiems ištekliams, kuriuos analizatorius atranda vėliau: šriftams, hero vaizdams, CSS nurodomiems turtams. Reikalauja as, kad naršyklė nustatytų teisingą prioritetą / antraštes.
preconnect — "Netrukus prisijungsiu prie šio šaltinio; atlik DNS paiešką + TCP + TLS susitarimą dabar." Sutaupa apvalius keliavimus prieš pirmą užklausą trečialiui (API, šriftų serverį, CDN). Naudok keliems svarbiems šaltiniams.
dns-prefetch — lengvesnė preconnect versija: tik DNS skyra. Geras atsarginis / daugeliui šaltinių.
prefetch — "Man tikriausiai reikės šito kitam naršymui; gauk žema prioritetu, kai laisva." Tikėtiniems kitiems puslapiams / turtams. Kešuota ateičiai, ne dabartiniam puslapiui.
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin />
Šriftai atrandami vėliau (naršyklė turi iš anksto išanalizuoti CSS), todėl jų iš anksto įkėlimas išvengus nematomame tekste.
Iš anksto įkelti viską panaikina tikslą — konkuruoja su tikrai svarbia ištekliais dėl pralaidumo. Panaudok užuominas tik keliems, kurie labiausiai svarbūs.
Išteklių užuominai sumažina latenciją kritinėje kelyje: preconnect pašalina trečialių susitarimo delsą, preload suteikia prioritetą vėliau atrastam svarbiems turtams (šriftams, LCP vaizdui), o prefetch padarys kitą naršymą akimirksniu.
Naudojant tiksliai, žymiai pagerina Core Web Vitals.