Bár mindenkinek az a célja, hogy csökkentse a webteljesítmény-költségvetést, továbbra is szükség van harmadik féltől származó szolgáltatások igénybevételére. Ezen szolgáltatások használatakor a "DNS-keresés" alkalommal a költségkeret jelentős részét felemésztheti, a szolgáltatások számától függően. Ezek a betöltések az oldalsebesség különböző aspektusait érintik, beleértve a First Contentful Paint (FCP) funkciót is.
E két koncepció célja a harmadik fél csatlakozási idejének optimalizálása. Mielőtt megértené e két fogalom közötti különbségeket, meg kell értenie, mi történik pontosan, amikor harmadik féltől kérnek:
- A tartomány feloldása IP-cím megszerzéséhez szükséges.
- Létrejön a kapcsolat a szerverrel.
- A kapcsolat titkosított a biztonság érdekében.
Ez a hierarchia megismétlődik minden harmadik féltől származó kapcsolatnál. Itt jön képbe az előcsatlakozás és a dns-prefetch közötti különbség.
- Előcsatlakozás: Biztosítja, hogy mindhárom fent említett lépés előre konfigurálva legyen.
- DNS-előzetes letöltés: Csak az első lépésben a domain név IP-címmé konvertálására szolgál.
Amint látja, az előcsatlakozás átfogóbb és előnyösebb. Azonban mindennek ára van. Az előcsatlakozás használata az összes kapcsolatnál negatívan befolyásolhatja oldala optimalizálását. Ezért ycsak a kritikus kapcsolatokhoz használja az előcsatlakozást, és minden más harmadik féltől származó kapcsolathoz használja a dns-prefetch parancsot.
Használat összefoglalása
A fenti információk alapján az alábbiakban röviden összefoglaljuk a használatukat:
<link rel="preconnect" href="https://third-party-example.com">
<link rel="dns-prefetch" href="https://third-party-example.com">Böngésző kompatibilitás
A használatuk megvitatása során fontos megemlíteni a böngésző kompatibilitását is. Ezt a két szorosan összefüggő fogalmat a modern böngészők széles körben támogatják, de használatuk nincs teljesen átfedésben. Az előcsatlakozást a böngészők körülbelül 97%-a támogatja, Míg a A dns-prefetch-et a böngészők 83%-a támogatja (2024 júniusától).
Hozzájárulás a webes teljesítmény költségvetéséhez
- Az előcsatlakozás teljes sebességnövekedést biztosíthat 100-500ms.
- A DNS-előbetöltés felgyorsíthatja az egyes kapcsolatokat 20-120ms.
Tervezzük saját tesztek elvégzését, hogy kielégítőbb helyi példákat kínáljunk.
Végezetül szeretném ajánlani és jóváírni Ceyhun Enki Aksan blogját, amely nagyban hozzájárult ahhoz, hogy megértsem ezt a cikket: Ceyhun Enki Aksan blogja.
