Барлығының мақсаты веб өнімділігінің бюджетін азайту болса да, үшінші тарап қызметтерін пайдалану қажет. Осы қызметтерді пайдаланған кезде «DNS іздеу" уақыттары қызметтер санына байланысты бюджеттің айтарлықтай бөлігін жұмсауы мүмкін. Бұл жүктемелер бет жылдамдығының әртүрлі аспектілеріне, соның ішінде Бірінші мазмұнды бояуға (FCP) әсер етеді.

Бұл екі тұжырымдаманың мақсаты - үшінші тарап қосылу уақытын оңтайландыру. Осы екі ұғымның арасындағы айырмашылықтарды түсінбес бұрын, үшінші тарап сұрауы жасалған кезде нақты не болатынын түсіну керек:

  1. Домен IP мекенжайын алу үшін шешілді.
  2. Сервермен байланыс орнатылды.
  3. Қауіпсіздікті қамтамасыз ету үшін қосылым шифрланған.

Бұл иерархия әрбір үшінші тарап қосылымы үшін қайталанады. Бұл жерде preconnect және dns-prefetch арасындағы айырмашылық пайда болады.

  • Алдын ала қосылу: Жоғарыда аталған барлық үш қадамның алдын ала конфигурацияланғанын қамтамасыз етеді.
  • DNS-алдын ала алу: Бірінші қадамда домен атауын IP мекенжайына түрлендіру үшін ғана қызмет етеді.

Көріп отырғаныңыздай, preconnect кеңірек және пайдалы. Дегенмен, бәрінің құны бар. Барлық қосылымдарыңыз үшін алдын ала қосылуды пайдалану бетіңізді оңтайландыруға теріс әсер етуі мүмкін. Сондықтан, уалдын ала қосылуды тек маңызды қосылымдар үшін пайдалану керек және барлық басқа үшінші тарап қосылымдары үшін dns-prefetch пайдалану керек.

image-14.png
Ақпарат көзі: https://web.dev/preconnect-and-dns-prefetch/

Қолдану қысқаша мазмұны

Жоғарыда келтірілген ақпаратты ескере отырып, олардың қолданылуының қысқаша мазмұны:

<link rel="preconnect" href="https://third-party-example.com">
<link rel="dns-prefetch" href="https://third-party-example.com">

Шолғыштың үйлесімділігі

Олардың қолданылуын талқылағанда, шолғыш үйлесімділігін де атап өткен жөн. Бұл бір-бірімен тығыз байланысты екі тұжырымдамаға заманауи браузерлер кеңінен қолдау көрсетеді, бірақ олардың қолданылуы толығымен сәйкес келмейді. Preconnect браузерлердің шамамен 97% қолдайды, ал dns-prefetch браузерлердің 83% қолдайды (2024 жылғы маусымдағы жағдай бойынша).

Веб өнімділігі бюджетіне үлес

  • Preconnect жалпы жылдамдықты жақсартуды қамтамасыз ете алады 100-500мм.
  • DNS-Prefetch әр қосылымды жылдамдатуы мүмкін 20-120мм.

Біз жергілікті мысалдарды қанағаттандыру үшін өз сынақтарымызды өткізуді жоспарлап отырмыз.

Соңында, осы мақаланы дайындау кезінде менің түсінуіме үлкен үлес қосқан Джейхун Энки Аксанның блогын ұсынғым келеді: Джейхун Энки Аксанның блогы.