แแ แกแแแแแก
แ แแช แแแแแ แฃแคแ แ แแแแแ แแ, แแก แแ แแก แซแแแแแ แแแ แขแแแแ แแแแฎแแ แชแแแแแแฃแแ. แฎแฃแแ แขแแแ แแแแชแแ แแ แแฃแแแ แก แแ แซแแแแแ แฌแแแแกแฌแแ แ แแแฅแแแแแแแแแก แจแแกแแกแ แฃแแแแแแ:
<link rel="prefetch" href="/ka/style.css" as="style" />
<link rel="preload" href="/ka/style.css" as="style" />
<link rel="preconnect" href="https://example.com" />
<link rel="dns-prefetch" href="https://example.com" />
<link rel="prerender" href="https://example.com/about.html" />
แแแแแแ แแแฃแฎแกแแแ แ แแก แแแแแแแแ แแ แ แแแแก แแแแแแงแแแแ แแกแแแ.
แฒแแแแฎแขแแแ:
preload
<link rel= "preload">
แแฃแแแแแ แแ แแฃแแแ แก, แ แแ แ แแช แจแแแซแแแแ แแแแ แฉแแขแแแ แแแก แแ แฅแแจแ แจแแแแแฎแแก แ แแกแฃแ แกแ (แ แแแแ แแชแแ แกแแ แแแขแ แแ แกแขแแแแก แชแฎแ แแแ). แแก แกแแกแแ แแแแแแ, แ แแแแกแแช แ แแกแฃแ แกแ แกแแญแแ แแ แแแแ แแแก แฉแแขแแแ แแแแแแ แ แแแแแแแแ แฌแแแจแ - แแ แแกแฃแ แ แแ แแชแแกแแก แแแฉแฅแแ แแแ.
แแ แแฃแแแ แ แแ แแคแแ แก แแแแแแแก แ แแกแฃแ แกแแแ แแแขแแแ แแแแก แจแแแแแ. แกแแ แแแขแแแ แแ แแ แแก แจแแกแ แฃแแแแฃแแ, แกแขแแแแก แคแฃแ แชแแแแ แแ แแแแแแงแแแแแ. แ แแกแฃแ แกแ แฃแแ แแแแ แฅแแจแแ แแแฃแแแ แแ แแแฃแงแแแแแแแแ แฎแแแแแกแแฌแแแแแ แฎแแแแ แแแแฎแแแแแกแแแแแแ.
แกแแแขแแฅแกแ
<link rel="preload" href="/ka/style.css" as="style" />
href
แแแฃแแแแแแก แ แแกแฃแ แกแแ, แ แแแแแก แฉแแแแขแแแ แแแแช แแกแฃแ แ.
as
แจแแแซแแแแ แแงแแก แงแแแแแคแแ แ, แ แแกแ แฉแแแแขแแแ แแแแช แจแแกแแซแแแแแแแ แแ แแฃแแแ แจแ:
style
แกแขแแแแก แคแฃแ แชแแแแแกแแแแก,script
แกแแ แแแขแแแแกแแแแก,font
แจแ แแคแขแแแแกแแแแก,fetch
แแแแแงแแแแแแ แแแขแแแ แแฃแแ แ แแกแฃแ แกแแแแกแแแแกfetch()
แแXMLHttpRequest
,- แแฎแแแแ แกแ แฃแแ แกแแ
MDN-แแ .
แแแแจแแแแแแแแแแ แแขแ แแแฃแขแแก แแแแแแแแ as
โ แแก แแฎแแแ แแแ แแ แแฃแแแ แก แกแฌแแ แแ แแแแฎแแแแแก แแ แแแ แแขแแขแแแ แแ แแแแแจแแแก แฉแแแแขแแแ แแแแแ.
แ แแแแก แฃแแแ แแแแแแงแแแแ
แแแแแแงแแแแ แฌแแแแกแฌแแ แฉแแขแแแ แแแ, แ แแแแกแแช แ แแกแฃแ แกแ แแแแญแแ แแแแแ แฃแแฎแแแแก แแแแแแแแจแ. แฒแแแแแแแแ:
- แแ แแกแขแแแแแ แขแฃแแ แจแ แแคแขแแแ แแแ แ แคแแแแแแแ:
<!-- index.html --> <link rel="stylesheet" href="index.css" /> /* index.css */ @font-face { src: url('comic-sans.woff2') format('woff2'); }
แกแขแแแแแ แขแฃแแแ
comic-sans.woff2
แแแแฌแงแแแก แฉแแขแแแ แแแแก แแฎแแแแ แฉแแแแขแแแ แแแแกแ แแ แแแ แฉแแแแก แจแแแแแindex.css
. แแแแแแ แฎแแแก แแแแแแแก แแแแแแแ แแกแแชแแแแแแแ, แจแแแแซแแแแ แฉแแแแขแแแ แแแ แจแ แแคแขแ แแแ แ แแแแแงแแแแแแ<link rel= "preload">
:<link rel="preload" href="comic-sans.woff2" as="font" />
- แแฃ แแฅแแแ แแแแแงแแคแ แแฅแแแแก แกแขแแแแแก แแแแแแแแก แแแฎแแแแแ
แแ แแขแแแฃแแ CSS แแ แแแฌแแแแ, แแ แแขแแแฃแแแ (แแแฃแงแแแแแแแแ แแแแแแกแแชแแแแ) แแ แแ แแแ แแขแแแฃแแแ:<style> /* Inlined critical styles */ </style> <script> /* Custom JS that starts downloading non-critical styles */ loadCSS('/app/non-critical.css'); </script>
แแ แแแแแแแแ, แแ แแแ แแขแแแฃแแ แกแขแแแแก แฉแแขแแแ แแแ แแแแฌแงแแแ แแฎแแแแ JavaScript-แแก แแแจแแแแแกแแก, แ แแช แจแแแซแแแแ แแแฎแแแก แ แแแแแ แแแแ แ แแแแแแแแ แฌแแแจแ. แแแแแแแก แแแชแแแแ แแแแแแงแแแแ JS
<link rel= "preload">
แฉแแแแขแแแ แแแแก แแแ แ แแแกแแฌแงแแแแ:<style> /* Inlined critical styles */ </style> <link rel="preload" href="/ka/app/non-critical.css" as="style" /> <script> /* Custom JS that starts downloading non-critical styles */ loadCSS('/app/non-critical.css'); </script>
แแแแแแขแแ แแฃ แแแแแแงแแแแแ แฌแแแแกแฌแแ แฉแแขแแแ แแแแก. แแฃ แงแแแแแคแแ แก แแแแแแแ แฉแแขแแแ แแแแ, แกแแแขแ แฏแแแแกแแฃแ แแ แแ แแแแฉแฅแแ แแแก, แแแ แแฅแแ, แฎแแแก แฃแจแแแก แแ แแฃแแแ แก แแฃแจแแแแแก แกแฌแแ แแ แแแแแแแแแก.
แแ แฃแแแ แแแแแ แแแก แฌแแแแกแฌแแ แแแแฆแแแแจแ. แฒแ แแแแแแงแแแแ <link rel= "preload">
, แแฃ แแ แแญแแ แแแแแ แ แแกแฃแ แกแ แแแแ แแแก แฉแแขแแแ แแแแกแแแแแแ. แแฃ แแแแญแแ แแแแแ แแแแแแแแแแแ, แแแแแแแแแ แจแแแแแแ แแแแ แแแกแแแแก, แแแแแแงแแแแ <link rel= "prefetch">
.
แแแขแแแแแ
แแก แแ แแก แแฃแชแแแแแแแ แขแแแ แฃแแแ แจแแกแ แฃแแแแก แแ แแฃแแแ แแก แแแแ (แแฃ แแแ แแฎแแ แก แฃแญแแ แก), แแแแกแฎแแแแแแแ แงแแแแ แกแฎแแ แขแแแแกแแแ แฌแแแแกแฌแแ แฉแแขแแแ แแแแกแแแ แแแแแแจแแ แแแฃแแ. แแ แแฃแแแ แแ แฃแแแ แแแแแแฌแแ แแก แแแกแจแ แแแแแแแแฃแแ แ แแกแฃแ แกแ <link rel="preload">
. แกแฎแแ แจแแแแฎแแแแแแจแ แจแแแซแแแแ แแแแแ แแ แแแ แแแฃแแแแแก แฌแแแแกแฌแแ แฉแแขแแแ แแแแก, แแแแแแแแแ, แแฃ แแก แแฃแจแแแแก แแแแ แแแแจแแ แแ.
แแ แแแ แแขแแขแแแ. แแ แแฃแแแ แแแ, แ แแแแ แช แฌแแกแ, แแแแญแแแแ แกแฎแแแแแกแฎแแ แแ แแแ แแขแแขแก แกแฎแแแแแกแฎแแ แ แแกแฃแ แกแแแก (แกแขแแแแแ, แกแแ แแแขแแแ, แจแ แแคแขแแแ แแ แ.แจ.), แ แแแ แแแ แแแ แ แแแจแ แฉแแขแแแ แแแก แงแแแแแแ แแแแจแแแแแแแแแ แ แแกแฃแ แกแแแ. แแ แจแแแแฎแแแแแจแ แแ แแฃแแแ แ แแแแกแแแฆแแ แแแก แแ แแแ แแขแแขแก แแขแ แแแฃแขแแก แแแฎแแแแแ as
. Chrome แแ แแฃแแแ แแกแแแแก แจแแแแซแแแแ แแแฎแแ
แฌแแแแกแฌแแ แแแฆแแแ
<link rel= "prefetch">
แกแแฎแแแก แแ แแฃแแแ แก แฉแแแแขแแแ แแแก แแ แฉแแจแแแแก แ แแกแฃแ แกแ (แ แแแแ แแชแแ แกแแ แแแขแ แแ แกแขแแแแก แคแฃแ แชแแแ) แคแแแแ. แฉแแขแแแ แแแ แฎแแแแ แแแแแแ แแ แแแ แแขแแขแแ, แแแแขแแ แแ แแ แแแ แฃแคแ แ แแแแจแแแแแแแแ แ แแกแฃแ แกแแแจแ. แแก แกแแกแแ แแแแแแ, แแฃ แ แแกแฃแ แกแ แแญแแ แแแแแ แจแแแแแ แแแแ แแแ แแ แแกแฃแ แ แแแกแ แฌแแแแกแฌแแ แฅแแจแแ แแแ.
แแฅแแช แแ แแฃแแแ แ แแ แแคแแ แก แแแแแแแก แ แแกแฃแ แกแแแ แแแขแแแ แแแแก แจแแแแแ. แกแแ แแแขแแแ แแ แแ แแก แจแแกแ แฃแแแแฃแแ, แกแขแแแแก แคแฃแ แชแแแแ แแ แแแแแแงแแแแแ. แ แแกแฃแ แกแ แฃแแ แแแแ แฅแแจแแ แแแฃแแแ แแ แแแฃแงแแแแแแแแ แฎแแแแแกแแฌแแแแแ แฎแแแแ แแแแฎแแแแแกแแแแแแ.
แกแแแขแแฅแกแ
<link rel="prefetch" href="/ka/style.css" as="style" />
href
แแแฃแแแแแแก แ แแกแฃแ แกแแ, แ แแแแแก แฉแแแแขแแแ แแแแช แแกแฃแ แ.
as
แจแแแซแแแแ แแงแแก แงแแแแแคแแ แ, แ แแกแ แฉแแแแขแแแ แแแแช แจแแกแแซแแแแแแแ แแ แแฃแแแ แจแ:
style
แกแขแแแแก แคแฃแ แชแแแแแกแแแแก,script
แกแแ แแแขแแแแกแแแแก,font
แจแ แแคแขแแแแกแแแแก,fetch
แแแแแงแแแแแแ แแแขแแแ แแฃแแ แ แแกแฃแ แกแแแแกแแแแกfetch()
แแXMLHttpRequest
,- แแฎแแแแ แกแ แฃแแ แกแแ
MDN-แแ .
แแแแจแแแแแแแแแแ แแขแ แแแฃแขแแก แแแแแแแแ as
- แแก แแฎแแแ แแแ แแ แแฃแแแ แก แกแฌแแ แแ แแแแกแแแฆแแ แแก แแ แแแ แแขแแขแแแ แแ แแแแแจแแแก แฉแแแแขแแแ แแแแแ.
แ แแแแก แฃแแแ แแแแแแงแแแแ
แกแฎแแ แแแแ แแแแแแแ แ แแกแฃแ แกแแแแก แฉแแขแแแ แแแ, แแฃ แแฅแแแ แแญแแ แแแแแ แ แแกแฃแ แกแ แกแฎแแ แแแแ แแแแแ แแ แแกแฃแ แ แแแกแ แฌแแแแกแฌแแ แฉแแขแแแ แแแ, แ แแแ แแแแฉแฅแแ แแ แแ แแแแ แแแก แ แแแแแ แ. แฒแแแแแแแแ:
- แแฅแแแ แแแฅแแ แแแแแแ แแแฆแแแแ แแ แแแแฎแแแ แแแแแแแก 40% แขแแแแแก แแแแแแ แแแแ แแก แแ แแแฃแฅแขแแก แแแแ แแแ. แแแแแงแแแแแ
<link rel= "prefetch">
, แแขแแแ แแแแ CSS แแ JS แคแแแแแแ แแ แแแฃแฅแขแแก แแแแ แแแแแก แแแแแกแแขแแแแ. - แแฅแแแ แแแฅแแ แแ แแ แแแแ แแแแแ แแแแแแแชแแ แแ แกแฎแแแแแกแฎแแ แแแแ แแ แแขแแแ แแแแ แกแฎแแแแแกแฎแแ แแแแแขแก. แ แแแแกแแช แแแแฎแแแ แแแแแ แแฌแแแแ แแแแ แแก, แจแแกแแซแแแแแแแ แฌแแแแกแฌแแ แฉแแแขแแแ แแแก แแแแแขแแแ แงแแแแ แแ แแแแ แแแกแแแแก, แ แแแแแกแแช แแแ แฃแแแแจแแ แแแก.
แกแแแแ แแฃแแแ, แ แแ แแก แขแแแ แจแแแซแแแแ แฃแกแแคแ แแฎแแ แแฅแแแก แแแแแงแแแแแฃแแ แแแแแกแแแแ แแแแแแ.. แแ แแฃแแแ แแแ, แ แแแแ แช แฌแแกแ, แฌแแแแกแฌแแ แแฌแงแแแแ แงแแแแแแ แแแแแแ แแ แแแ แแขแแขแแ, แแกแ แ แแ แแก แแ แแแแก แแฌแฃแฎแแแก. แฃแแ แแแแ แแแแแแแแแกแฌแแแแ, แ แแ แแก แแแแฎแแแ แก แแแแฎแแแ แแแแแก แขแ แแคแแแก, แ แแช แจแแแซแแแแ แคแฃแแ แแแฏแแแก.
แแ แ แแแแแฃแแแแแแ แแแแฎแแแแแกแแแแก. แฒแ แแแแแแงแแแแ <link rel= "prefetch">
, แ แแชแ แ แแกแฃแ แกแ แกแแญแแ แแ แ แแแแแแแแ แฌแแแจแ. แแ แจแแแแฎแแแแแจแ แแแแแแงแแแแ <link rel= "preload">
.
แแแขแแแแแ
แแ แฉแแแแแ แขแแแ. แแ แแฃแแแ แก แแ แแแแแฎแแแแแ แแ แแแกแขแ แฃแฅแชแแแก แจแแกแ แฃแแแแ; แแแ แจแแแซแแแแ แฃแแฃแแแแแแงแแก แแก, แแแแแแแแแ, แแแแ แแแแจแแ แแก แแ แแก.
แแ แแแ แแขแแขแ Chrome-แจแ. Chrome-แจแ <link rel= "prefetch">
แฉแแแฃแแแแ แแ แจแแกแ แฃแแแแฃแแแ แแแแแแแแฃแ แ แแ แแแ แแขแแขแแ (แแฎ
แฌแแแแกแฌแแ แแแแแแจแแ แแแ
<link rel= "preconnect">
แกแแฎแแแก แแ แแฃแแแ แก แฌแแแแกแฌแแ แแแฃแแแแจแแ แแแก แแแแแแก, แ แแแแกแแช แแกแฃแ แ แแแแฉแฅแแ แแ แแแแจแแ แแก แแแงแแแแแ แแแแแแแแจแ.
แแ แแฃแแแ แแ แฃแแแ แแแแแงแแ แแก แแแแจแแ แ, แแฃ แแก แแแแซแแแแก แ แแแแ แ แแกแฃแ แกแก แแฎแแแ แแแกแแแ แแฎแแ แแก แแแแแแแแแ. แแแแแแแแแ, แแฃ แแก แแขแแแ แแแแ Google Fonts, React fonts CDN-แแแ แแ แแแฎแแแก JSON แแแกแฃแฎแก API แกแแ แแแ แแกแแแ.
แแฎแแแ แแแแจแแ แแก แแแแงแแ แแแแก แฉแแแฃแแแแ แแ แ แแแแแแแแ แแกแแฃแแ แแแแแฌแแแ แกแญแแ แแแแ. แแก แแแแแแแ แแ แแฎแแ, แแแแ แแ แแแแแช แแ แ แกแญแแ แแแแ. แแฃ แฌแแแแกแฌแแ แแแแแงแแ แแ แแแแจแแ แ, แแแแแแแแ แแ แแก แแ แฃแคแ แ แกแฌแ แแคแแ แฉแแแแขแแแ แแแแ แ แแกแฃแ แกแแแก แแ แแแแแแแแแ.
แกแแแขแแฅแกแ
<link rel= "preconnect" href="https://api.my-app.com" />
href
แแแฃแแแแแแก แแแแแแแก แกแแฎแแแแ, แ แแแแแก IP แแแกแแแแ แแแก แแแแแแแ แแกแฃแ แ. แจแแแซแแแแ แแแแแแแแฃแแ แแงแแก แแ แแคแแฅแกแแ (https://domain.com
) แแ แแแก แแแ แแจแ (//domain.com
).
แ แแแแก แฃแแแ แแแแแแงแแแแ
แแแแแแงแแแแ แแแแแแแแแกแแแแก, แ แแแแแแแช แแแแ แแแแญแแ แแแแแ แฉแแแแขแแแ แแแ แแแแจแแแแแแแแแ แกแขแแแ, แกแแ แแแขแ แแ แกแฃแ แแแ แแฅแแแแ, แแแแ แแ แแฅแแแ แฏแแ แแ แแชแแ แ แแกแฃแ แกแแก URL. แฒแแแแแแแแ:
- แแฅแแแแ แแแแแแแชแแ แแแแแแแกแแแฃแแแ
my-app.com
แแ แแแแแแแก AJAX แแแแฎแแแแแกapi.my-app.com
: แแฅแแแ แฌแแแแกแฌแแ แแ แแชแแ แแแแแ แแขแฃแแ แแแแฎแแแแแแ, แ แแแแแ แแกแแแ แแแแแแแแ แแแแแแแฃแ แแ JS-แแแ. แแฅ แกแแแแแแ แแแแแแจแแฌแแแแแแ แแแแแแงแแแแ แขแแแ แแแแแแแแ แฌแแแแกแฌแแ แแแกแแแแแจแแ แแแแแ. - แแฅแแแแ แแแแแแแชแแ แแแแแแแกแแแฃแแแ
my-app.com
แแ แแงแแแแแก Google Fonts-แก. แแกแแแ แแขแแแ แแแแ แแ แแขแแแแ: แแแ แแแแ, CSS แคแแแแ แแขแแแ แแแแ แแแแแแแแแfonts.googleapis.com
, แจแแแแแ แแก แคแแแแ แแแฎแแแก แจแ แแคแขแแแกfonts.gstatic.com
. แแฅแแแ แแ แแชแแ แ แแแแแ แแแแแ แแขแฃแแ แจแ แแคแขแแก แคแแแแแแแแแ แแ แแกfonts.gstatic.com
แแฅแแแ แแแแญแแ แแแแแ CSS แคแแแแแก แฉแแขแแแ แแแแแแ, แแกแ แ แแ, แฉแแแ แจแแแแแซแแแ แแฎแแแแ แฌแแแแกแฌแแ แ แแแแแแจแแ แแแ แฌแแแแกแฌแแ .
แแแแแแงแแแแ แแก แขแแแ แแแกแแแ แแฎแแ แแก แกแแ แแแขแแก แแ แกแขแแแแก แแแแแ แแแกแแฉแฅแแ แแแแแ แฌแแแแกแฌแแ แแแแงแแ แแแฃแแ แแแแจแแ แแก แแแแ.
แแ แแแแแแงแแแแ แแแแแแขแแ. แแแแจแแ แแก แแแแงแแ แแแ แแ แจแแแแ แฉแฃแแแแ แซแแแ แแแฆแแ แแแฃแแ แแแแ แแชแแแ แ แแแแ แช แแแแแแขแแกแแแแก, แแกแแแ แกแแ แแแ แแกแแแแก. แแแแแแงแแแแ แแก แขแแแ แแแฅแกแแแฃแ 4-6 แแแแแแแกแแแแก.
แแแขแแแแแ
แแ แฉแแแแแ แขแแแ. แแ แแฃแแแ แก แแ แแแแแฎแแแแแ แแ แแแกแขแ แฃแฅแชแแแก แแแชแแ แแ แจแแแซแแแแ แแแแแ แแ แแแ แแแฃแแแแแก แแแก, แแแแแแแแแ, แแฃ แแแแ แ แแแแจแแ แ แฃแแแ แแแแงแแ แแแฃแแแ แแ แกแฎแแ แจแแแแฎแแแแแจแ.
แ แแก แแแแชแแแก แแแแจแแ แแก แแ แแชแแกแ?. แแแแแแฃแ แกแแแขแแแ แแแกแแแแแจแแ แแแแแ, แแ แแฃแแแ แแ แฃแแแ แแแแแแแแก แจแแแแแแ:
- DNS แแแ แฉแแแแแแแ. แแแแแแแ แกแแ แแแ แแก IP แแแกแแแแ แแ (
216.58.215.78
) แแแแแแแแฃแแ แแแแแแแก แกแแฎแแแแกแแแแก (google.com
). - TCP แฎแแแแก แฉแแแแ แแแแแ. แแแชแแแแแ แแแแแขแแแ (แแแแแแขแ โ แกแแ แแแ แ โ แแแแแแขแ) แกแแ แแแ แแแ TCP แแแแจแแ แแก แแแกแแฌแงแแแแ.
- TLS แฎแแแแก แฉแแแแ แแแแแ (แแฎแแแแ HTTPS แกแแแขแแแ). แแแแแขแแแแก แแแชแแแแก แแ แ แ แแฃแแแ (แแแแแแขแ โ แกแแ แแแ แ โ แแแแแแขแ โ แกแแ แแแ แ โ แแแแแแขแ) แฃแกแแคแ แแฎแ TLS แกแแกแแแก แแแกแแฌแงแแแแ.
แจแแแแจแแแ: HTTP/3 แแแแฃแแฏแแแแกแแแก แแ แแแแฉแฅแแ แแแก แฎแแแแก แฉแแแแ แแแแแแก แแแฅแแแแแแก, แแแแ แแ แฏแแ แแแแแ แจแแ แแ.
dns-prefetch
<link rel= "dns-prefetch">
แกแแฎแแแก แแ แแฃแแแ แก แจแแแกแ แฃแแแก DNS แ แแแแแฃแชแแ แแแแแแแกแแแแก, แแฃ แแฅแแแ แแแแ แแแฃแแแแจแแ แแแแแ แแแก แแ แแกแฃแ แ แแแแฉแฅแแ แแ แกแแฌแงแแกแ แแแแจแแ แ.
แแ แแฃแแแ แแ แฃแแแ แแแแกแแแฆแแ แแก แแแแแแแก IP แแแกแแแแ แแ, แแฃ แแก แแแแซแแแแก แ แแแแ แ แแกแฃแ แกแก แแฎแแแ แแแกแแแ แแฎแแ แแก แแแแแแแแแ. แแแแแแแแแ, แฉแแขแแแ แแแ Google Fonts, React แจแ แแคแขแแแ CDN-แแแ แแ JSON แแแกแฃแฎแแก แแแแฎแแแแ API แกแแ แแแ แแแแ.
แงแแแแแ แแฎแแแ แแแแแแแกแแแแก, DNS แฉแแแแฌแแ แแก แแแ แฉแแแแแแแ แฉแแแฃแแแแ แแ แแฆแแแก แแแแฎแแแแแแ 20-120 ms. แแก แแแแแแแแก แแฎแแแแก แแฎแแแแ แแแชแแแฃแแ แแแแแแแแแ แแแ แแแแ แ แแกแฃแ แกแแก แฉแแขแแแ แแแแแ, แแแแ แแ แแแแแช แแฌแแแแก แจแแคแแ แฎแแแแก. แแฃ แฌแแแแกแฌแแ แจแแแแกแ แฃแแแแ DNS แ แแแแแฃแชแแแก, แแแแแแแแแ แแ แแก แแ แแแแขแแแ แแแแ แ แแกแฃแ แกแก แฃแคแ แ แกแฌแ แแคแแ.
แกแแแขแแฅแกแ
<link rel= "dns-prefetch" href="https://api.my-app.com" />
href
แแแฃแแแแแแก แแแแแแแก แกแแฎแแแแ, แ แแแแแกแแแแกแแช แแกแฃแ แ IP แแแกแแแแ แแแก แแแงแแแแแ. แจแแแซแแแแ แแแแแแแแฃแแ แแงแแก แแ แแคแแฅแกแแ (https://domain.com
) แแ แแแก แแแ แแจแ (//domain.com
).
แ แแแแก แฃแแแ แแแแแแงแแแแ
แแแแแแงแแแแ แแแแแแแแแกแแแแก, แ แแแแแแแช แแแแ แแแแญแแ แแแแแ แแฅแแแแ แแแแแแฌแแ แแ แ แแกแฃแ แกแแแ, แ แแแแแแ แจแแกแแฎแแ แแ แแฃแแแ แแ แฌแแแแกแฌแแ แแ แแชแแก. แฒแแแแแแแแ:
- แแฅแแแแ แแแแแแแชแแ แแแแแแแกแแแฃแแแ
my-app.com
แแ แแแแแแแก AJAX แแแแฎแแแแแกapi.my-app.com
: แแฅแแแ แฌแแแแกแฌแแ แแ แแชแแ แแแแแ แแขแฃแแ แแแแฎแแแแแแ, แ แแแแแ แแกแแแ แแแแแแแแ แแแแแแแฃแ แแ JS-แแแ. แแฅ แกแแแแแแ แแแแแแจแแฌแแแแแแ แแแแแแงแแแแ แขแแแ แแแแแแแแ แฌแแแแกแฌแแ แแแกแแแแแจแแ แแแแแ. - แแฅแแแแ แแแแแแแชแแ แแแแแแแกแแแฃแแแ
my-app.com
แแ แแงแแแแแก Google Fonts-แก. แแกแแแ แแขแแแ แแแแ แแ แแขแแแแ: แแแ แแแแ, CSS แคแแแแ แแขแแแ แแแแ แแแแแแแแแfonts.googleapis.com
, แจแแแแแ แแก แคแแแแ แแแฎแแแก แจแ แแคแขแแแกfonts.gstatic.com
. แแฅแแแ แแ แแชแแ แ แแแแแ แแแแแ แแขแฃแแ แจแ แแคแขแแก แคแแแแแแแแแ แแ แแกfonts.gstatic.com
แแก แแแแญแแ แแแแแ แแแแแ, แกแแแแ แแ แฉแแขแแแ แแแแ CSS แคแแแแก, แแกแ แ แแ, แฌแแแแกแฌแแ แจแแแแแซแแแ แแฎแแแแ แฌแแแแกแฌแแ แ แแแแจแแ แแก แแแแงแแ แแแ.
แแแแแแงแแแแ แแก แขแแแ แแแกแแแ แแฎแแ แแก แกแแ แแแขแแก แแ แกแขแแแแก แแแแแ แแแกแแฉแฅแแ แแแแแ แฌแแแแกแฌแแ แแแแงแแ แแแฃแแ แแแแจแแ แแก แแแแ.
แแแฎแแแ แแแแแแแแแกแฌแแแแ แแกแแแแกแ แแแฎแแกแแแแแแแแแ
<link rel= "dns-prefetch"/>
ะธ<link rel= "preconnect">
. แ แแแแ แช แฌแแกแ, แแแ แ แแ แแฅแแก แแแ แแ แแแ แแแแแงแแแแแแก แแ แแ แแแแแแแกแแแแก:<link rel= "preconnect">
แฃแแแ แแแแชแแแก<link rel= "dns-prefetch"/>
แแ แฃแคแ แ แแแขแ. แแก แจแแแซแแแแ แแแแแ แแแแแก แแ แจแแแแฎแแแแแจแ:
- แแกแฃแ แ แซแแแแ แแ แแฃแแแ แแแแก แแฎแแ แแแญแแ แ?.
<link rel= "dns-prefetch" />
แแฎแแ แแแญแแ แแแIE10-แแแ แแ Safari 5-แแแ .<link rel= "preconnect">
แแแ แแแแฃแแ แแแ แแแแแก แแแแแแแแแแแจแ แแงแ แแฎแแ แแแญแแ แแแ Chrome-แกแ แแ Firefox-แจแ, แแแแ แแ แแแแแแขแ Safari-แก แแฎแแแแ 11.1 แแแฏแแ แแแแแ แแ แแ แแก แแฎแแ แแแญแแ แแแ IE/Edge-แจแ . แแฃ แแญแแ แแแแแ แแ แแ แแฃแแแ แแแแก แแฎแแ แแแญแแ แ, แแแแแแงแแแแ<link rel= "dns-prefetch" />
แ แแแแ แช แกแแ แแแแ แแ แแแ แแแแขแ<link rel= "preconnect">
.- แแกแฃแ แ แแแแฉแฅแแ แแ แแแแจแแ แแแ 4-6-แแ แแแข แแแแแแแแ. แแแแแจแแแ
<link rel= "preconnect">
แแ แแ แแก แ แแแแแแแแแแฃแแ 4-6 แแแแแแแ แแแขแ แแแแแงแแแแแ, แ แแแแแ แแแแจแแ แแก แแแแงแแ แแแ แแ แจแแแแ แฉแฃแแแแ แซแแแ แแแฆแแ แแแฃแแ แแแแ แแชแแแ.<link rel= "dns-prefetch" />
แแแแฎแแแ แก แแแแแแ แ แแกแฃแ แกแก, แแแแขแแ แแแแแแงแแแแ แแแ แกแแญแแ แแแแแก แจแแแแฎแแแแแจแ.
แแแขแแแแแ
แแ แฉแแแแแ แขแแแ. แแ แแฃแแแ แก แแ แแแแแฎแแแแแ แแ แแแกแขแ แฃแฅแชแแแก แจแแกแ แฃแแแแ, แแกแ แ แแ, แแแ แจแแแซแแแแ แแ แจแแแกแ แฃแแแก DNS แแแ แฉแแแแแแแ, แแแแแแแแแ, แแฃ แแแแ แ แแกแแแ แขแแแแ แแแแ แแแ แแ แกแฎแแ แจแแแแฎแแแแแจแ.
แ แ แแ แแก DNS. แแแขแแ แแแขแจแ แแแแแแฃแ แกแแ แแแ แก แแฅแแก แฃแแแแแแฃแ แ IP แแแกแแแแ แแ, แ แแแแแแช แแกแ แแแแแแงแฃแ แแแ 216.58.215.78
. แกแแแขแแก แกแแฎแแแ แฉแแแฃแแแแ แแ แจแแแแก แแ แแฃแแแ แแก แแแกแแแแ แแแก แแแแจแ (แแแแแแแแแ, google.com
), แแ DNS (แแแแแแแก แกแแฎแแแแแแก แกแแกแขแแแ) แกแแ แแแ แแแ แจแแแกแแแแแแแ แแแก แกแแ แแแ แแก IP แแแกแแแแ แแก (216.58.215.78
).
IP แแแกแแแแ แแแก แแแกแแแแแแแ, แแ แแฃแแแ แแ แฃแแแ แแแแแฎแแแแก DNS แกแแ แแแ แ. แแแกแแแ แแฎแแ แแก แแฎแแ แแแแแแแแ แแแแแแจแแ แแแแกแแก แกแญแแ แแแแ 20โ120 ms.
DNS แแ แแก แฅแแจแแ แแแฃแแ, แแฃแแชแ แแ แช แแกแ แกแแแแแแแ. แแแแแแ แแ OS แแ แแ แแฃแแแ แ แฅแแจแแ แแแก DNS แจแแแแแฎแแแแก: แแก แแแแแแแแก แแ แแก แแแแแแแ แแแแ แจแแแแแฎแแแแแ, แแแแ แแ แฅแแจแแ แแแแแ แแแงแ แแแแแ แจแแฃแซแแแแแแแ. Linux-แแ แแก แฉแแแฃแแแแ แแ แกแแแ แแแ แแ แแฃแจแแแแก. Chrome-แก แแฅแแก DNS แฅแแจแ, แแแแ แแ แแก แแฃแจแแแแก แแฎแแแแ แแ แแ แฌแฃแแแก แแแแแแแแแแแจแ. Windows แแแแฎแแแก DNS แแแกแฃแฎแแแก แฎแฃแแ แแฆแแก แแแแแแแแแแแจแ.
แฌแแแแกแฌแแ แ แ แแแแแ แ
<link rel= "prerender">
แกแแฎแแแก แแ แแฃแแแ แก แฉแแแแขแแแ แแแก URL แแ แแฉแแแแแก แแแ แฃแฎแแแแ แฉแแแแ แแจแ. แ แแแแกแแช แแแแฎแแแ แแแแแ แแแแญแแ แก แแแฃแแก, แแแแ แแ แแแฃแงแแแแแแแแ แฃแแแ แแงแแก แแแฉแแแแแแ. แแก แกแแกแแ แแแแแแ, แแฃ แแแ แฌแแฃแแแแฃแแ แฎแแ แ, แ แแ แแแแฎแแแ แแแแแ แแฌแแแแ แแแ แแแแฃแ แแแแ แแก แแ แกแฃแ แก แแแแฉแฅแแ แแก แแแกแ แฉแแแแแแ.
แแแฃแฎแแแแแแ (แแ แแแแก แแแแ) แแ แขแแแแก แแแแกแแแฃแแ แแแฃแแ แแคแแฅแขแฃแ แแแแกแ, 2019แฌ <link rel= "prerender">
แชแฃแแแ แแฎแแ แแแญแแ แแแ แแแแแแ แแ แแฃแแแ แแแจแ. แแฎแแแแ แแแขแ แแแขแแแ.
แกแแแขแแฅแกแ
<link rel="prerender" href="https://my-app.com/pricing" />
href
แแแฃแแแแแแก URL-แแ, แ แแแแแก แคแแแแ แ แแแแแ แแก แแแฌแงแแแ แแกแฃแ แ.
แ แแแแก แฃแแแ แแแแแแงแแแแ
แ แแชแ แแแแแแแแแ แแแ แฌแแฃแแแแฃแแ แฎแแ , แ แแ แแแแฎแแแ แแแแแ แแแแแแ แแแแแ แแขแฃแ แแแแ แแแ. แแฃ แแฅแแแ แแแฅแแ "แแแแ แแแ", แ แแแแแก แแแจแแแแแแแแช A แแแแ แแแก แแแแแขแแ แแแแก 70% แแแแแแแก B แแแแ แแแ, แแแจแแ <link rel= "prerender">
A แแแแ แแแ B แแแแ แแแก แซแแแแแ แกแฌแ แแคแแ แฉแแแแแแ แแแแแฎแแแ แแแแ.
แแ แแแแแแงแแแแ แแแแแแขแแ. แฌแแแแกแฌแแ แ แ แแแแแ แ แซแแแแแ แซแแแ แแ แแแแขแแ แฃแแแ แแแแแแแกแ แแ แแแฎแกแแแ แแแแก แแแแแกแแแ แแกแแ. แฒแ แแแแแแงแแแแ <link rel= "prerender">
แแ แแแ แแแขแ แแแแ แแแกแแแแก.
แแแขแแแแแ
แแ แฉแแแแแ แขแแแ. แแ แแฃแแแ แก แแ แแแแแฎแแแแแ แแ แแแกแขแ แฃแฅแชแแแก แแแชแแ แแ แจแแแซแแแแ แฃแแฃแแแแแแงแแก แแแ, แแแแแแแแแ, แแแแ แแแแจแแ แแก แแ แแก แแ แแ แแกแแแแแ แแกแ แแแแแกแฃแคแแแ แแแฎแกแแแ แแแแก แแ แแก.
แแแฎแกแแแ แแแแก แจแแกแแแแฎแแ Chrome แแ แแแแแแแก แกแ แฃแ แ แแแแแ แแ แแแแกแฎแแแ
Firefox แแ Safari แกแแแ แแแ แแ แฃแญแแ แก แแฎแแ แก แแ แขแแแก. แแก แแ แแ แฆแแแแก แกแแแชแแคแแแแชแแแก, แ แแแแแ แแ แแฃแแแ แแแก แแ แแแแแฎแแแแแแ แแ แแแกแขแ แฃแฅแชแแแก แแแชแแ; แแแแ แแ แแแแแช แกแแแแแแแ.
แ แแแแฃแแ
แแแแแงแแแแแ:
<link rel= "preload">
- แ แแชแ แแญแแ แแแแ แ แแกแฃแ แกแ แ แแแแแแแแ แฌแแแจแ<link rel= "prefetch">
- แ แแชแ แแญแแ แแแแแ แ แแกแฃแ แกแ แจแแแแแ แแแแ แแแ<link rel= "preconnect">
- แ แแชแ แแชแแ, แ แแ แแแแ แแแแญแแ แแแแแ แ แแกแฃแ แกแ, แแแแ แแ แฏแแ แแ แแชแแ แแแกแ แกแ แฃแแ URL<link rel= "dns-prefetch">
- แแแแแแแแฃแ แแ, แ แแแแกแแช แแชแแ, แ แแ แแแแ แแแแญแแ แแแแแ แ แแกแฃแ แกแ, แแแแ แแ แฏแแ แแ แแชแแ แแแกแ แกแ แฃแแ URL (แซแแแแ แแ แแฃแแแ แแแแกแแแแก)<link rel= "prerender">
โ แ แแชแ แแแ แฌแแฃแแแแฃแแ แฎแแ แ, แ แแ แแแแฎแแแ แแแแแแ แแแแแแแแ แแแแแ แแขแฃแ แแแแ แแแ แแ แแกแฃแ แ แแแแฉแฅแแ แแ แแแกแ แฉแแแแแแ
แฌแงแแ แ: www.habr.com